两级联动,选择“组别”,加载其子类别。
日志组别: <input id="LogCatalogCombobox" class="easyui-combobox" data-options=" valueField: 'Value', textField: 'Name'" /> 日志类别: <input id="LogTypeCombobox" class="easyui-combobox" data-options=" valueField: 'Value', textField: 'Name'" />
初始化函数:
//初始化下拉列表 function InitCombobox() { $("#LogTypeCombobox").combobox({ onLoadSuccess: function () { var types = $("#LogTypeCombobox").combobox('getData'); if (types.length > 0) $("#LogTypeCombobox").combobox('select', types[0].Value); //全部 } }); $("#LogCatalogCombobox").combobox({ url: '../AjaxHandler/SysLogHandler.ashx?action=LogCatalogList&IsShowAll=true', onLoadSuccess: function () { var types = $("#LogTypeCombobox").combobox('getData'); if (types.length > 0) $("#LogCatalogCombobox").combobox('select', types[0].Value); //全部 }, onSelect: function (record) { var url = '../AjaxHandler/SysLogHandler.ashx?action=LogTypeList&Catalog=' + record.Value; $("#LogTypeCombobox").combobox('reload', url); } }); }
实现联动时动态拼接url,待用reload就可以了。