select2 的运用点滴

这一段时间在开发一个企业的信息管理平台，在用到select2时，临时抱佛脚学习了一下。

 

$('#e3').select2({
	placeholder: "请输入",
	minimumInputLength: 1,
	separator: ",", // 分隔符
	maximumSelectionSize: 5, // 限制数量
	initSelection: function(element, callback) { // 初始化时设置默认值
	},
	createSearchChoice: function(term, data) { // 创建搜索结果（使用户可以输入匹配值以外的其它值）
		return {
			id: term.mid,
			text: term.name
		};
	},
	formatSelection: function(item) {
		return item.name;//注意此处的name，要和ajax返回数组的键值一样
	}, // 选择结果中的显示
	formatResult: function(item) {
		return item.name;//注意此处的name
	}, // 搜索列表中的显示
	ajax: {
		url: "{:U('Admin/Member/getzj')}", // 异步请求地址
		dataType: "json", // 数据类型
		data: function(term, page) { // 请求参数（GET）
			return {
				q: term
			};
		},
		results: function(data, page) {
			return data;
		}, // 构造返回结果
		escapeMarkup: function(m) {
			return m;
		} // 字符转义处理
	}
});

 php代码，基于thinkphp

public function getmember() {
	$q = I('q');
	$map['name'] = array('like', $q . '%');
	$res = D('Member') -> field('mid as id,name') -> where($map) -> select();
	if ($res) {
		$a = array('more' => 'false', 'results' => $res);
	}
	$this -> ajaxReturn($a);
}

 本地化

要引入select2_locale_zh-CN.js

评论

1 楼 影非弦 2015-02-06  

select2提供样式吗？