easyui combobox 使用方法
17-08-16 11:34
字数 683
阅读 4350
已编辑
在数据很多时使用普通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人点赞>
0 条评论
排序方式
时间
投票
快来抢占一楼吧
请登录后发表评论
相关推荐
文章归档
2024-11
1 篇
2024-06
1 篇
2024-05
2 篇
2024-04
2 篇
2024-03
2 篇
展开剩余 68 条
2024-01
1 篇
2023-10
1 篇
2023-09
1 篇
2023-08
1 篇
2023-06
1 篇
2023-04
1 篇
2022-12
2 篇
2022-06
1 篇
2022-04
4 篇
2022-03
3 篇
2022-01
6 篇
2021-12
2 篇
2021-11
2 篇
2021-10
2 篇
2021-09
1 篇
2021-08
2 篇
2021-07
4 篇
2021-06
1 篇
2021-05
3 篇
2021-04
3 篇
2021-01
2 篇
2020-11
1 篇
2020-10
3 篇
2020-09
2 篇
2020-08
1 篇
2020-07
5 篇
2020-06
5 篇
2020-05
1 篇
2020-04
1 篇
2020-03
2 篇
2020-02
3 篇
2020-01
1 篇
2019-11
5 篇
2019-10
10 篇
2019-09
12 篇
2019-08
17 篇
2019-07
8 篇
2019-05
3 篇
2019-04
8 篇
2019-03
7 篇
2019-02
8 篇
2019-01
5 篇
2018-12
7 篇
2018-11
8 篇
2018-10
4 篇
2018-09
7 篇
2018-08
12 篇
2018-07
9 篇
2018-06
6 篇
2018-05
11 篇
2018-04
18 篇
2018-03
1 篇
2018-02
2 篇
2018-01
10 篇
2017-12
14 篇
2017-11
44 篇
2017-10
13 篇
2017-09
4 篇
2017-08
12 篇
2017-07
5 篇
2017-06
4 篇
2017-05
2 篇
2017-04
3 篇
2017-03
9 篇
2017-02
3 篇
2017-01
2 篇
2016-12
10 篇
2016-11
4 篇
最新文章
最受欢迎
11-07 19:00
06-26 11:51
05-17 17:08
05-17 10:59
04-11 17:05
13 评论
11 评论
10 评论