Jquery comboBox使用

最新推荐文章于 2024-11-14 10:32:35 发布

原创最新推荐文章于 2024-11-14 10:32:35 发布 · 5.7k 阅读

0 ·

CC 4.0 BY-SA版权

javascript JQuery 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现报表列项动态更新的方法。当用户选择不同的报表类型时，能够清空并重新加载对应的列项数据，同时默认选中所有列项。

    var isolateCols = [{id:1,text:'服务器'},{id:2, text:'真实姓名'}];
    
    // 选择报表时改变列项
    $("#reportForm").change(function() {
        // 清空原选中的数据
        $("#reportCol").combobox('setValues','');
        
        // 填充新的列表项
        var cols = null;

        var itemSel = $(this).children("option:selected").val();
        switch (itemSel) {
            case 'isolate':
                cols = isolateCols;
                break;
        }

        $('#reportCol').combobox('loadData', cols);

        // 默认选中所有列表项
        for (var i = 0; i < cols.length; i++) {
            $('#reportCol').combobox('select', cols[i].id);
        }
    });