easyui combobox 实现联动

两级联动，选择“组别”，加载其子类别。

  日志组别：
                    <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就可以了。

转载于:https://www.cnblogs.com/zhaobl/archive/2013/02/05/2892701.html