zoukankan      html  css  js  c++  java
  • easyui中的combogrid插件级联筛选

    $("#selclass1").combogrid({
                        onChange: function (c1) {
                            $("#selclass2").combogrid({
                                disabled: false,
                                columns: [[
                                    { field: 'id', title: '编号',  "80px" },
                                    { field: 'text', title: '名称',  "120x" },
                                    { field: 'miaoshu', title: '描述' }
                                ]],
                                loadFilter: function (data) {
                                    var data1 = [];
                                    for (var i in data) {
                                        //注意条件项的变化,-1 代表未匹配  
                                        if (c1.indexOf(data[i].parentid) > -1) {
                                            data1.push(data[i]);
                                        }
                                    }
                                    return data1;
                                }
                            });
                        }
                    });
    <div style="margin-bottom:10px">
                    <select id="selclass1" name="c1_id" required="required" class="easyui-combogrid" style="100%" data-options="
                        panelWidth: 500,
                        idField: 'id',
                        textField: 'text',
                        url: 'ajax/class1list.json',
                        method: 'get',
                        rownumbers:true,
                        columns: [[
                            {field:'id',title:'编号',80},
                            {field:'text',title:'名称',120},
                            {field:'miaoshu',title:'描述'}
                        ]],
                        fitColumns: true,
                        label: '选择大分类:',
                        labelPosition: 'top'
                    ">
                </select>
                </div>
                <div style="margin-bottom:10px">
                     <select id="selclass2" name="c2_id" class="easyui-combogrid" style="100%" data-options="
                        panelWidth: 500,
                        idField: 'id',
                        textField: 'text',
                        url: 'ajax/class2list.json',
                        method: 'get',
                        disabled: true,
                        rownumbers:true,
                        fitColumns: true,
                        label: '选择小分类:',
                        labelPosition: 'top'
                    ">
                </select>
                </div>
  • 相关阅读:
    python排序
    JavaMail转发邮件
    Java发送邮件Demo
    字符编码
    常用的python内建函数
    mysql-python安装
    ubuntu安装flash
    grep简介
    【java中的static关键字】
    【java中的final关键字】
  • 原文地址:https://www.cnblogs.com/prolion/p/7773274.html
Copyright © 2011-2022 走看看