• 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>
  • 相关阅读:
    Django请求生命周期
    继上一篇Django的数据库数据的编辑和删除
    NumPy-布尔索引
    NumPy-基础索引与切片
    NumPy-数组算术
    NumPy-ndarray 的数据类型
    NumPy-生成ndarray
    Django 静态资源,请求,数据库的连接和操作
    设置谷歌默认浏览器
    奋斗史-IT女生是怎样炼成的
  • 原文地址:https://www.cnblogs.com/prolion/p/7773274.html
Copyright © 2020-2023  润新知