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/p/2892701.html