Knockoutjs+select2 人员搜索
HTML:
<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); //这里初始化
}
}
})
目前只适合单选,多选目前还在配置,等测试通过后会继续放上来。
最新文章
- python环境变量自动配置脚本(setx使用)
- CentOS 下运维自动化 Shell 脚本之 expect
- SQL Server 连接超时案例一则
- Filestream/Windows Share导致Alwayson Failover失败
- Netlog 的数据库及 LAMP 架构
- C#遍历打印机
- Database: Normal form
- hdu1406
- QT-Creator C/C++ 打地鼠小游戏
- Exponential notation
- MySQL--当查询遇到隐藏字符
- 通过Activity动态加载Fragment创建主界面构架
- Linux下查看alert日志文件的两种方法
- NC 命令引用了一个高手的文章做收藏
- linux下查看进程id时用到的命令
- python 全局变量
- Mac xcode 配置OpenGL
- RGB颜色对照表
- C# ms speech文字转语音例子
- Keepalived+Nginx+tomcat实现系统的高可用
热门文章
- 直接用SQL语句把DBF导入SQLServer
- ARP数据包伪造
- 【原】Coursera—Andrew Ng机器学习—课程笔记 Lecture 12—Support Vector Machines 支持向量机
- Java Tutorial
- maven如何引入servlet-api和jsp-api
- bash&#39;s parameter expansion
- Linux下Mysql数据库互为主从的配置过程
- 词法解析 用reactjs和bootstrap创建页面IDE
- 【CF#303D】Rotatable Number
- [C++ Mind Map] class and memory