MagicSuggest可输可选控件

可输入可选择控件地址：http://nicolasbize.com/magicsuggest/doc.html

js:

<link href="../../scripts/comboxselect/magicsuggest-min.css" rel="stylesheet" />
<script src="../../scripts/comboxselect/magicsuggest-min.js" type="text/javascript"></script>

<script>

/***************************绑定设计师和模特start**********************************/
var json = <%=jsonString%>
$('#comboBoxDesigner').magicSuggest({
allowFreeEntries: false,//如果你不需要用户自已创建标签，则用这个
maxSelection:1,//设置选择个数
data: json,
style: 'width:283px;border: 1px solid #cccccc;',//自定义CSS
//maxSelectionRenderer: null,
selectFirst: true,
placeholder: "请选择",
valueField :'id',//定义键值
displayField: 'dName',//定义显示的字段
selectionRenderer: function (data) { //想让标签里显示啥就看这个
//$("#txtprice").val(data.id);
return data.dCall + '/' + data.dName + '/' + data.constellation;
}
});

</script>

<script type="text/javascript">

function GetComboBoxValue() {
var desingner = $('#comboBoxDesigner').magicSuggest().getValue();
$("#hidDesigenr").val(desingner);

//alert(desingner + modeler);
}
window.onload=function(){
var design =[<%=designer%>]
$('#comboBoxDesigner').magicSuggest().setValue(design)

//do something
}

</script>

html:

<input id="hidDesigenr" type="hidden" runat="server" />
<input id="comboBoxDesigner" name="comboBoxDesigner" type="text"/>

 

aspx.cs:

#region 绑定设计师和模特及加工厂、工艺=================================
private void RptBindCombo()
{
BLL.dt_designer dbll = new dt_designer();
DataTable ddt = dbll.GetAllList().Tables[0];
jsonString = MyCommFun.DataTableToJson(ddt);

}