如何设置jquery easyui中下拉框不可编辑

设置jqueryeasyui中下拉框不可编辑的方法：EasyUI常用控件禁用方法：1.validatebox可以用的用法:前两种适用于单个的validatebox第三种应用于整个form里面的输入框.$("#id").attr("readonly",true)$("#id").removeAttr("readonly").$("#id").attr("readonly","readonly")$("#id").removeAttr("readonly").$("#Form:input").attr("readonly","readonly")//对form里面的禁用.$("input").attr("readonly","readonly")//对所有的input标签禁用2.combobox禁用启用用法:.$("#id").combobox({disabled:true})$("#id").combobox({disabled:false}).$("#id").attr("readonly","readonly")//对单个禁用$("#id").removeAttr("readonly").$("#fm.easyui-combobox").combobox({disabled:true})//对form里面的下拉框禁用.$("#ID").combobox("disable")------$("#ID").combobox("enable")3.datebox与datetimebox禁用启用方法:.$("#fm.easyui-datebox").datebox({disabled:true})$("#fm.easyui-datebox").datebox({disabled:false}).$("#id").attr("readonly","readonly")$("#id").removeAttr("readonly").$("#fm.easyui-datetimebox").datetimebox({disabled:true})4.combogrid禁用启用方法:.$("#FPayApplySupAccountID").combogrid("disable")$("#FPayApplySupAccountID").combogrid("enable")5.lable标签ID附加文字：.$("#id").text("标题:")//此方法可以屏蔽掉lable标签内的文字

jquery easyui对表单的提交进行了封装，提交的方式采用ajax方式，在开发时应注意如下事项：

1、在定义form标签的时候，要将method属性设置成post或者get，特别是进行大字段的文本信息提交时，要将method设置成post方式提交，否则页面会抛出跨域访问等异常。

2、慎用使用其他UI表单组件。目前Jquery提供了足够的表单控件，也能够满足我们实际的需求。

如果在表单中使用了其他Ui表单组件，将会发现用其他表单组件提交的参数，在后台接受不到相关的参数。这是由于jqeury easyui中的form表单不能够识别其他UI表单组件。

3、异常情况：

在添加窗口添加完相关表单内容之后，不要刷新页面直接对添加的记录进行修改，结果修改一直无效，内容一直是添加的内容。

从这种现象看来应该是，在修改的时候提交的表单一直添加页的。找到代码查看了添加表单的id和修改表单的id尽然是一样的。

总结：在进行定义表单的id时最好不要重复，防止表单提交出错。

当然还有其他解决方式，那就是对添加完成后，销毁表单内容或直接将表单的内容clear。

1、

var vareditor=$('#datagridId').datagrid('getEditor', { index:rowIndex, field:'fieldName' )

vareditor.target.prop('readonly', true)

2、扩展datagrid字段的editor

$.extend($.fn.datagrid.defaults.editors, {

textReadonly: {

init: function (container, options) {

var input = $('<input type="text" readonly="readonly" class="datagrid-editable-input">').appendTo(container)

return input

},

getValue: function (target) {

return $(target).val()

},

setValue: function (target, value) {

$(target).val(value)

},

resize: function (target, width) {

var input = $(target)

if ($.boxModel == true) {

input.width(width - (input.outerWidth() - input.width()))

} else {

input.width(width)

}

}

}

})

然后字段的editor：'textReadonly'

---