easyui的textbox赋值小结

本文介绍如何使用JavaScript和JQuery在EasyUI框架中实现数据的自动批量填充,以及如何设置输入框和下拉框的只读或禁用状态。通过JQuery模糊匹配ID并赋值,有效提高数据录入效率。

使用的系统中有个后台,需要填充单号,如下图:

每次往框里面填充都是一样的数据,复制、粘贴,而且当人数颇多的时候,就是体力活。

于是就想到通过执行js代码,自动填充这些数据。

chrome下F12,查看源码,是easyui的textbox,很有规律,如图:

 

调出Console控制台。

首先测试一下 $("#companyPolicyNum0").val("000090151029166");

咦,没有效果。

网上查找,原来textbox要用textbox("setValue", value); 的方式设置值;

Jquery 模糊匹配ID,然后赋值 搞定。

var list=$('input[id^=companyPolicyNum]');
for(var i=0;i<list.length;i++)
{
  $("#"+list[i].id).textbox('setValue',"000090151029166");
}

 

 

 

textbox设置只读不可编辑状态:

--输入框

$("#xx").textbox('setValue','value');  //设置输入框的值

$('#xx').textbox('textbox').attr('readonly',true);  //设置输入框为禁用

       

 

--下拉框相关

$("#xx").combobox({disabled: true});      //设置下拉款为禁用

$("#xx").combobox('setValue',xlid);  //设置下拉款的默认值  xlid是你下拉款的id属性

$("#xx").combobox('getValue');      //获取下拉款id值

$("#xx").combobox('getText');      //获取下拉款name值

 

参考文章:easyui-textbox 和 easyui-validatebox 设置值和获取值

转载于:https://www.cnblogs.com/1024zy/p/6075272.html

### EasyUI Textbox 组件初始化及动态赋值EasyUI 中,`textbox` 是一种常见的输入框组件,支持多种配置选项以及动态操作。以下是关于 `easyui-textbox` 的初始化和动态赋值的具体实现方式。 #### 初始化 Textbox 组件 可以通过 HTML 属性或 JavaScript 方法来初始化 `easyui-textbox`。如果希望该文本框能够验证数字,则可以结合 `easyui-numberbox` 使用[^1]。 HTML 示例代码如下: ```html <input name="f_reference_position" id="f_reference_position" class="easyui-textbox easyui-numberbox" style="width: 200px;" data-options="validType:['length[1,9]']"> </input> ``` 上述代码通过设置 `data-options` 来定义验证规则,其中 `validType` 参数用于指定自定义验证逻辑。 #### 动态赋值Textbox 对于已经初始化的 `easyui-textbox` 或 `easyui-numberbox`,可以通过其 API 进行动态赋值。具体方法为调用 `.textbox('setValue', value)` 或者针对 `numberbox` 调用 `.numberbox('setValue', value)`。 JavaScript 实现示例: ```javascript // 获取目标 input 并对其赋值 $('#f_reference_position').numberbox('setValue', '123'); // 如果是 numberbox 则使用此方法 $('#f_reference_position').textbox('setValue', '测试数据'); // 如果仅作为普通 textbox 可以这样写 ``` 需要注意的是,在某些情况下可能会遇到由于插件内部机制导致的功能异常问题,比如当 `options.multiple=true` 时可能引发错误,这是因为部分方法未被正确覆盖所致[^2]。因此建议开发者仔细检查所使用的版本文档说明,并确保加载了完整的脚本文件而非压缩版(如调试阶段可尝试替换 `easyUI.min.js` 为非 minified 版本)。 #### 常见注意事项 - 当前实例中的 `id=f_reference_position` 需要唯一标识页面上的控件以便于后续操作。 - 若需扩展更多功能或者调整样式,可通过修改 `class` 和其他属性完成。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值