easyui textbox 设置只读不可编辑状态
在使用easyul的时候,发现输入框内容及不容易获取与设置,用jQuery的方式大部分失效。依稀记得好像是因为easyul会在原页面的基础上,生成了一些新的独有样式,并且暂时覆盖掉使用了easyul的标签块。 具体我也忘记了,反正知道有这么会事就可以啦,
--输入框
$("#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 Combobox 组合框
扩展自 $.fn.combo.defaults。通过 $.fn.combobox.defaults 重写默认的 defaults。
组合框(combobox)显示一个可编辑的文本框和下拉列表,用户可以从下拉列表中选择一个或多个值。用户可以直接输入文本到列表的顶部,或者从列表中选择一个或多个现成的值。
依赖
- combo
用法
从带有预定义结构的 <select> 元素创建组合框(combobox)。
- <select id="cc" class="easyui-combobox" name="dept" style="width:200px;">
- <option value="aa">aitem1</option>
- <option>bitem2</option>
- <option>bitem3</option>
- <option>ditem4</option>
- <option>eitem5</option>
- </select>
从 <input> 标记创建组合框(combobox)。
- <input id="cc" class="easyui-combobox" name="dept"
- data-options="valueField:'id',textField:'text',url:'get_data.php'">
使用 javascript 创建组合框(combobox)。
- <input id="cc" name="dept" value="aa">
- $('#cc').combobox({
- url:'combobox_data.json',
- valueField:'id',
- textField:'text'
- });
创建两个依赖的组合框(combobox)。
- <input id="cc1" class="easyui-combobox" data-options="
- valueField: 'id',
- textField: 'text',
- url: 'get_data1.php',
- onSelect: function(rec){
- var url = 'get_data2.php?id='+rec.id;
- $('#cc2').combobox('reload', url);
- }">
- <input id="cc2" class="easyui-combobox" data-options="valueField:'id',textField:'text'">
json 数据格式的示例:
- [{
- "id":1,
- "text":"text1"
- },{
- "id":2,
- "text":"text2"
- },{
- "id":3,
- "text":"text3",
- "selected":true
- },{
- "id":4,
- "text":"text4"
- },{
- "id":5,
- "text":"text5"
- }]
属性
该属性扩展自组合(combo),下面是为组合框(combobox)添加的属性。
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
valueField | string | 绑定到该组合框(ComboBox)的 value 上的基础数据的名称。 | value |
textField | string | 绑定到该组合框(ComboBox)的 text 上的基础数据的名称。 | text |
groupField | string | 指示要被分组的字段。该属性自版本 1.3.4 起可用。 | null |
groupFormatter | function(group) |
返回要显示在分组项目上的分组文本。该属性自版本 1.3.4 起可用。 代码实例:
|
|
mode | string | 定义在文本改变时如何加载列表数据。如果组合框(combobox)从服务器加载就设置为 'remote'。当设置为 'remote' 模式时,用户输入的值将会被作为名为 'q' 的 http 请求参数发送到服务器,以获取新的数据。 | local |
url | string | 从远程加载列表数据的 URL 。 | null |
method | string | 用来检索数据的 http 方法。 | post |
data | array |
被加载的列表数据。 代码实例:
|
null |
filter | function |
定义当 'mode' 设置为 'local' 时如何过滤本地数据。该函数有两个参数: q:用户输入的文本。 row:列表中的行数据。 返回 true 则允许显示该行。 代码实例:
|
|
formatter | function |
定义如何呈现行。该函数有一个参数:row。 代码实例:
|
|
loader | function(param,success,error) |
定义如何从远程服务器加载数据。返回 false 则取消该动作。该函数有下列参数: param:要传到远程服务器的参数对象。 success(data):当获取数据成功时将被调用的回调函数。 error():当获取数据失败时将被调用的回调函数。 |
json loader |
loadFilter | function(data) | 返回要显示的过滤数据。该属性自版本 1.3.3 起可用。 |
事件
该事件扩展自组合(combo),下面是为组合框(combobox)添加的事件。
名称 | 参数 | 描述 |
---|---|---|
onBeforeLoad | param |
在请求加载数据之前触发,返回 false 则取消加载动作。 代码实例:
|
onLoadSuccess | none | 当远程数据加载成功时触发。 |
onLoadError | none | 当远程数据加载失败时触发。 |
onSelect | record | 当用户选择一个列表项时触发。 |
onUnselect | record | 当用户取消选择一个列表项时触发。 |
方法
该方法扩展自组合(combo),下面是为组合框(combobox)添加或重写的方法。
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回选项(options)对象。 |
getData | none | 返回加载的数据。 |
loadData | data | 加载本地列表数据。 |
reload | url |
请求远程的列表数据。传 'url' 参数来重写原始的 URL 值。 代码实例:
|
setValues | values |
设置组合框(combobox)值的数组。 代码实例:
|
setValue | value |
设置组合框(combobox)的值。 代码实例:
|
clear | none | 清除组合框(combobox)的值。 |
select | value | 选择指定的选项。 |
unselect | value | 取消选择指定的选项。 |
转载于:https://www.cnblogs.com/lacey/p/7118105.html
easyui textbox 设置只读不可编辑状态相关推荐
- winform的Textbox设置只读之后使用ForeColor更改颜色
winform的Textbox设置只读之后设置ForeColor更改颜色无效.这是 TextBox 默认的行为. 解决方法: 设置为只读之后,修改控件的BackColor,再设置ForeColor就可 ...
- winform的Textbox设置只读之后ForeColor无效的解决方法
winform的Textbox设置只读之后ForeColor无效.这是 TextBox 默认的行为. 可以通过以下方法就可以解决: 设置为只读之后,把BackColor改一下,然后运行一下窗口,再设置 ...
- easyui datebox 设置只读
easyui datebox设置为不可手动输入内容,只能点击选择: <input class="easyui-datebox" data-options="edit ...
- layui input标签设置只读 不可编辑 背景灰化
<!-- 设置只读 背景灰化 --> <input type="text" id="name" name="name" s ...
- js设置html不可编辑状态,JS_设置弹出页面的地址栏不可编辑
JS_如何设置弹出页面的外观,地址栏不可编辑:如下所示: 参数解释: window.open 弹出新窗口的命令: 'page.html' 弹出窗口的文件名: 'newwindow' 弹出窗口的名字(不 ...
- Qt LineEdit设置为不可编辑状态:
QLineEdit *lEdit = new QLineEdit(): lEdi -> setReadOnly(true); //只读 或者 lEdi ->setEnabled(False ...
- 设置ALV单元格可编辑状态
在使用ALV显示列表的过程中,我们可以使用IT_FIELDCAT参数设置某一个字段的可编辑状态.但是,要设置具体的单元格的可编辑状态对于对ALV不是很了解的人来说是一个头大的问题. 具体单元格可编辑状 ...
- jqgrid 批量启动所有行为可编辑状态
有时,为操作方便,需要将jqgrid表格设置为一直处于编辑状态,用户只需要在对应的编辑区填写自己信息,不再频繁的去触发行编辑和保存. 参考代码如下: //$gridCase为传入jqgrid对象 fu ...
- EditText设置可以编辑和不可编辑状态
1.首先想到在xml中设置android:editable="false",但是如果想在代码中动态设置可编辑状态,没有找到对应的函数 2.然后尝试使用editText.setFoc ...
最新文章
- HiCar基本功能介绍
- java圆角矩形_如何在java中使用普通矩形轮廓绘制圆角矩形
- Android_Layout (一)
- 使用.NET类库操作CSV文件
- python输入float_python – 在tensorflow中创建一个float64变量
- 做 局域网聊天 的人越来越多了
- hadoop 文件介绍
- java设置imageview图片大小_java – 在android中设置imageview
- 攻击服务器修改数据库,SQL服务器数据库注入式攻击解释
- try-catch-finally的返回值问题
- Vue快速上手笔记1 - 使用初体验
- 我在创业公司的开发经验总结
- ubuntu wiznote 无法显示内容 只有标题
- linux sound usb声卡,openwrt上用usb声卡听音乐
- STM32单片机USB扫码枪开发笔记
- 极兔速递电子面单API接口-快递鸟
- rocketMq配置外网IP
- 【EasyRL学习笔记】第八章 针对连续动作的深度Q网络
- (三)Linux环境部署(Centos+Nginx+Tomcat+Mysql) - Nginx环境搭建
- vue-element-admin改造顶部一级导航,侧边二级导航+权限路由
热门文章
- 大数据互联网架构阶段 Redis(二)
- 如何测试大端存储和小端存储
- 【STM32】FreeRTOS列表和列表项详解
- 【ARM】ARM汇编程序设计(四) 选择结构
- Codeforces 986A. Fair(对物品bfs暴力求解)
- Spark(3)——通过本机文件导入到RDD
- matlab中的scramble函数,matlab 中 hold on 和hold off的使用
- 启动标志_牛股启动的标志:天衣无缝。
- 如何在ubuntu下安装detectron2_如何在 Debian/Ubuntu 上手动安装安全更新?
- system 函数被废除的替代方法