BootstrapPlugin - tags 插件编写 (原创bootstrap插件)

BootstrapPlugin - tags 插件编写 (原创bootstrap插件)

1) 原创的标签输入插件，留档备份。

2) 效果图
[img]http://dl.iteye.com/upload/picture/pic/121084/dea5e68b-dee8-300d-84c8-750fedb9c2c1.png[/img]

3) html

<div class="tags-control">
	<div class="pull-left"></div>
	<input type="text" class="pull-left" />
	<div class="clearfix"></div>
</div>

4) js

$(".tags-control").tags({
	url: "ajax/get-project-list-by-project-name-content",		// ajax地址
	type: "GET",							// ajax访问类型
	parameterName: "projectIdList"					// 生成的<input type='hidden' />的name属性
});

5) 后端代码 以java为例 http响应为一个json

@ResponseBody
@RequestMapping(value = "/get-project-list-by-project-name-content", method = {RequestMethod.GET})
public String getProjectListByProjectNameContent(
		@RequestParam("term") String term //注意看参数名称，这个是固定的不可配置
		)
{

	return "[ { \"id\": \"5\", \"label\": \"巨人\", \"value\": \"巨人\" } ]";
}

json的label为下拉列表的显示文字，value一般为实体ID

:D