easyui 控件获取焦点方式

针对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();

时间： 2024-10-09 23:59:06

easyui 控件获取焦点方式的相关文章

easyui表单多重验证，动态设置easyui控件

要实现的功能:在做添加学生信息的时候,利用easyui的验证功能判断学号是否重复和学号只能为数字最终效果如下图: 但在做这个的过程中,遇到了一系列的问题: 扩展validatebox的验证方法,最开始的验证代码如下: 1 //学号格式只能为数字 ****//这里没有问题**** 2 number: {//value值为文本框中的值 3 validator: function (value) { 4 var reg = /^[0-9]*$/; 5 return reg.test(value);

将数据处理成easyui控件需要的格式

using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Data; using Newtonsoft.Json; using Newtonsoft.Json.Converters; namespace Original.Common { /// <summary> /// 将数据转换成easyui控件支持的数据格式 /// </summary>

Easyui 控件的初始化方法

问题: Easyui的控件在初始化的时候有两种方式: 页面指定class属性 js里初始化该id为easyui的控件那么问题是: 如果页面不指定class属性,只是使用js初始化的话,会导致无法用控件选取该id的指定控件的方法吗? 解决: 经过测试,只是使用js初始化的话,可以选取该控件如果出现不能选取的问题,一般情况下都是js报错了,导致无法加载. 原文地址:https://www.cnblogs.com/hackxiyu/p/8321435.html

新手学EasyUI----动态拼接EasyUI控件

最近在做的项目中,根据查询到的数据,然后动态的拼接easyUI的控件显示到界面上.在数据库中,有一个命令的表,还有一个参数的表,先到命令的表中去查询这一个设备有哪些命令,比如说,摄像头有一个转动的命令,那么就要把转动这个命令动态的拼接成EasyUI的Button按钮,然后根据命令去查询这个命令下的参数,比如说,转动是有角度的,10°,20°--,这个度就是命令下的参数,然后动态的拼接成text或者combobox的样式. 下面就把代码展示一下,B层和D层都是简单的查询,返回的是DataTable

easyui控件使用例子

1.easyui之dataGrid分页加载数据例子注意:1)分页表格通过url获得数据会提交page,rows两个参数:后台需要获取这两个参数并且由此得到 int pageSize=rows/page;//每页记录数 int pageNum=page;//当前页面之后获得分页数据可用sql:............LIMIT "+(pageNum-1)*pageSize+","+pageSize;放回需要的指定页面数据 2)后台代码需要放回固定格式的json数据{&quo

easyui控件的加载顺序

使用easyui做布局时,会模仿窗口程序界面,做出一些较复杂的布局.按由外层到内层的顺序: (最外层)panel->tabs->tabs1 ->tabs2->layout->北区 ->中区-> panel多个...(最里层) ->西区开始没注意控件的加载顺序,只是将同一种控件统一加载了结果最里层的panel尺寸超出父容器. 一时想不明白,后来忽感觉到easyui会在加载控件时计算它的尺寸, 如果先加载了内层的panel再加载它的父容器控件,则一定尺寸不对.

appium+python：自己写的一个滑动控件的方式

#调用方式roll_ele("ID","ele_id","7","up",3)#将控件分为7格,从底部倒数第二格向上滑动3格#滑动控件的方法def roll_ele(id,ele_id,size,direct,rollsize=1): """ 参数id为定位方式,eled_id为具体控件的id或xpath等,size为需要把该控件分成几格,direct为滑动方向,up或down(上或下),roll

EasyUI----动态拼接EasyUI控件

近期在做的项目中.依据查询到的数据,然后动态的拼接easyUI的控件显示到界面上. 在数据库中,有一个命令的表,另一个參数的表,先到命令的表中去查询这一个设备有哪些命令,比方说.摄像头有一个转动的命令,那么就要把转动这个命令动态的拼接成EasyUI的Buttonbutton.然后依据命令去查询这个命令下的參数,比方说,转动是有角度的,10°,20°--.这个度就是命令下的參数,然后动态的拼接成text或者combobox的样式. 以下就把代码展示一下,B层和D层都是简单的查询.返回的是DataT

树形控件绑定方式

1.创建根节点 TreeNode 根节点名 =new TreeNode("显示值"); 2.创建子节点 foreach(数据类型变量名 in 集合名称) { TreeNode 子节点名 =new TreeNode("显示值"); 3.创建子节点下级 foreach(数据类型变量名 in 集合名称) { TreeNode 子节点名称=new TreeNode("显示值"); //添加到其上一级节点上一级节点名.Nodes.Add(当前节点名)