Knockoutjs+select2 人员搜索功能代码分享

select class="form-control PErsonEmail" id="txtPRojectManager" data-bind="options:{ text:ICVInfo.ProjectManager,value:ICVInfo.ProjectManager} ,optionsText:'text',optionsValue:'value',value:ICVInfo.ProjectManager" > /select>

javascript:

$('.PersonEmail').select2({
"separator": ",",
"maximumSelectionSize": 10,
"placeholder": "请选择用户",
"allowClear": false,
"maximumInputLength": 100,
"minimumResultsForSeArch": "2",
"tags": false,
templateResult: function (repo) {
markup = repo.text;
return markup;
} ,
escapeMarkup: function (markup) { return markup; } ,
templateSelection: function (repo) {
return repo.text;
} ,

ajax: {
@*url: '@Url.Action("SelectUser", "CommercialReminder")', dataType: 'json', data: function (params) { *@
url: 'SelectUser',
dataType: 'json',
delay: 250,
data: function (params) {
return {
q: params.term, // search term
page: params.page
} ;
} ,
processResults: function (data, params) {
params.page = params.page || 1;

return {
results: data.ITems,
pagination: {
more: (params.page * 30) data.total_count
}
} ;
} ,
cache: false,
type: 'post'
} ,
initSelection: function (element, callback) {
if (element.val() != null) {
VAR data = { id: element.val(), text: element.val() } ;
//alert(data.id);
callback(data); //这里初始化
}
}
} )

目前只适合单选，多选目前还在配置，等测试通过后会继续放上来。

以上就是Knockoutjs+select2 人员搜索功能代码分享的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！