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

发布时间:2022-05-17 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了Knockoutjs+select2 人员搜索功能代码分享脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
HTML

<select class="form-control PErsonEmail" id="txtPRojectManager" data-bind="options:{text:ICVInfo.ProjectManager,value:ICVInfo.ProjectManager},optionsText:&#39;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 人员搜索功能代码分享的详细内容,更多请关注脚本宝典其它相关文章

脚本宝典总结

以上是脚本宝典为你收集整理的Knockoutjs+select2 人员搜索功能代码分享全部内容,希望文章能够帮你解决Knockoutjs+select2 人员搜索功能代码分享所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:javascript