combogrid

当如果easyui combogrid分布加载时，有默认值，且默认值不在第一页时，此时combogrid里的显示值为idField取到的对就值，如下图： “xiaoxiao”是默认值，但是并没有到相应的页面中被选择，而停留在了第一页。问题现在很清楚。下面提供解决方案前先分析一下： 此时显示的xiaoxiao是后台传回的或页面固定的默认值。grid表格中显示的中查询出来的数据。然后xiaoxiao不在第一页 第一页没有的情况下，如何触发到分布功能按钮，如上一页，下一页等等。 分析完，上代码： 在combogrid数据加载完成后，有个onLoadSuccess方法。在这个方法中实现此功能，如下： ..... <input id="list_data" style="width:250px" value="xiaoxiao"> // xiaoxiao为设置的默认值 ..... $(function() { var find = false; // 为下面进行自动翻页时使用，必须有 $("#list_data").combogrid({ idField: 'id', textField: 'name', //一系列的combogrid设置项就不再说明了 //......... fitColumns: true, onLoadSuccess: function(data) { //

easyui的combogri下拉框用在项目中很多，有时会出现很多问题，当然也好解决。 1.当向后台传id值时，用户输入的与查询出来的显示值一样，但combogrid为空？ 　　情景：输入‘李四’，和显示值一样但没有选择，combogrid为空 这样表面是输入了，但值不是01，而是张三。 //这里对于combogrid应该换一种方法取值 <input type="text" id="data"></input> //js代码 var rows = $("#data").combogrid("grid").datagrid("getSelected") || {}; var id = rows.id; if(!id){ $.messager.alert("提示","请选择已有的人员!","info"); return; } 这样就避免用户输入正确可是后台处理错误的尴尬。 2.代码清除组件值，但没有触发事件，永远传输上一次的值(不刷新页面) $("#Btn").linkbutton({ text:'返回', iconCls:'icon-back', onClick:function () { $("#data").combogrid("clear");//按钮触发，把下拉框清除组件值，没有触发下面的属性。输入其他值还是上次的值往后台传 }) 解决： //在定义下拉框时触发一个事件var

//点击弹出批量修改框 UpdateLot: function () { var row = $("#dg").datagrid("getChecked"); if (row.length < 1) { toastr.warning("请先选择要修改的记录"); return; } $('#UpdateLot').modal('show'); }, //显示弹框中下拉框的数据 showList: function () { $('#txtTerminalID').combogrid({ //panelWidth: 500, idField: 'TerminalID', //ID字段 textField: 'TerminalID', //显示的字段 fitColumns: true, editable: false, columns: [[ { field: 'TerminalID', title: '终端ID', sortable: true, width: 100 }, { field: 'Name', title: '名称', sortable: true, width: 150 } ]], onSelect: function (index, row) { reloadadr(row.TerminalID); }, onLoadSuccess: function () { /

1 (function(){ 2 $.parser.plugins.push("yearbox");//注册扩展组件 3 $.fn.yearbox = function (options, param) {//定义扩展组件 4 //当options为字符串时，说明执行的是该插件的方法。 5 if (typeof options == "string") { 6 return $.fn.combogrid.apply(this, arguments); 7 } 8 options = options || {}; 9 var currentYear = new Date().getFullYear(); 10 11 //当该组件在一个页面出现多次时，this是一个集合，故需要通过each遍历。 12 return this.each(function () { 13 var jq = $(this); 14 15 //$.fn.combogrid.parseOptions(this)作用是获取页面中的data-options中的配置 16 var opts = $.extend({ 17 minYear: 1900, // 最小年份 18 maxYear: 2099, // 最大年份 19 initYear: currentYear, // 初始年 20 initCount: 10,