easyui combobox 使用方法

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

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

使用方法

#直接从普通`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人点赞>
关注 收藏 改进 举报
0 条评论
排序方式 时间 投票
快来抢占一楼吧
请登录后发表评论
站长 @ 十七度
文章
384
粉丝
23
喜欢
195
收藏
31
排名 : 1
访问 : 147.36万
私信