zoukankan      html  css  js  c++  java
  • 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就可以了。

  • 相关阅读:
    经纬度计算距离
    MS SQL 获取身份证年龄
    C# SpeechSynthesizer 使用
    mysql 获取字段括号里的内容
    C# 获取操作系统版本
    微信 小程序跳转到的H5页面,再跳转回跳小程序
    SQL 收缩日志
    SQL 获取表结构
    SQL Server 优化
    Snowflake
  • 原文地址:https://www.cnblogs.com/zhaobl/p/2892701.html
Copyright © 2011-2022 走看看