easyui combobox 使用方法

17-08-16 11:34 字数 683 阅读 4004 已编辑

在数据很多时使用普通select标签就不太合适了，用户无法在几百个option里找到想要的选项，这个时候就可以选择easyui的combobox组件。

使用方法

#直接从普通`select`标签创建combobox。

$("#project_id").combobox({
            loader: project_myloader,
            mode: 'remote',
            valueField: 'id',
            textField: 'name',
            formatter: project_formatItem
        });
$("#project_id").combobox('setValue', "<%$pname%>");
var project_myloader = function (param, success, error) {
        var q = param.q || '';
        if (q == '') {
            return false
        }
        $.ajax({
            url: '/?action=552&act=getAllProject',
            dataType: 'json',
            data: {
                name: q
            },
            success: function (data) {
                var items = $.map(data, function (item, index) {
                    return {
                        id: item.id,
                        name: item.name,
                    };
                });
                success(items);
            },
            error: function () {
                error.apply(this, arguments);
            }
        });
    };

    function project_formatItem(row) {
        var s = '<span style="font-weight:bold">' + row.name + '(' + row.id + ')</span><br/>';
        return s;
    }

1人点赞>

默认文集