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就可以了。