首页 > 其他 > 详细

easyui 控件获取焦点方式

时间:2017-09-15 11:39:49      阅读:349      评论:0      收藏:0      [点我收藏+]

针对easyui控件前端组织的dom做分析,如下:

combo/combobox/combogrid类似结构如下:

<input class="easyui-datebox datebox-f combo-f textbox-f" id="myid" data-options="required: true,buttons:buttons,editable:false,onSelect:selectSDate" style="width: 120px; display: none;">
<span class="textbox textbox-invalid combo datebox" style="width: 120px; height: 22px;">
    <span class="textbox-addon textbox-addon-right" style="right: 0px;">
        <a href="javascript:void(0)" class="textbox-icon combo-arrow" icon-index="0" tabindex="-1" style="width: 18px; height: 20px;"></a>
    </span>
    <input type="text" class="textbox-text validatebox-text textbox-prompt validatebox-invalid" autocomplete="off" readonly="readonly" placeholder="" style="margin-left: 0px; margin-right: 18px; padding-top: 1px; padding-bottom: 1px; width: 100px;" title="">
    <input type="hidden" class="textbox-value" name="" value="">
</span>

datebox类似结构如下:

<input class="easyui-datebox datebox-f combo-f textbox-f" id="myid" data-options="buttons:buttons,editable:false,onSelect:selectEDate" style="width: 120px; display: none;">
<span class="textbox combo datebox" style="width: 120px; height: 22px;">
    <span class="textbox-addon textbox-addon-right" style="right: 0px;">
        <a href="javascript:void(0)" class="textbox-icon combo-arrow" icon-index="0" tabindex="-1" style="width: 18px; height: 20px;"></a>
    </span>
    <input type="text" class="textbox-text validatebox-text textbox-prompt" autocomplete="off" readonly="readonly" placeholder="" style="margin-left: 0px; margin-right: 18px; padding-top: 1px; padding-bottom: 1px; width: 100px;">
    <input type="hidden" class="textbox-value" name="" value="">
</span>

textbox,textbox多行文本类似结构如下:

<input class="easyui-textbox textbox-f" id="myid" data-options="multiline:true,height:50" style="width: 95%; display: none;">
<span class="textbox easyui-fluid" style="width: 927px; height: 50px;">
    <textarea class="textbox-text validatebox-text textbox-prompt" autocomplete="off" placeholder="" style="margin-left: 0px; margin-right: 0px; height: 48px; width: 925px;"></textarea>
    <input type="hidden" class="textbox-value" value="">
</span>

故可以使用如下获取焦点:

$(‘#myid‘).next(‘span‘).find(‘.textbox-txt‘).focus();

 

easyui 控件获取焦点方式

原文:http://www.cnblogs.com/lcawen/p/7525381.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!