使用Kendo UI AutoComplete选中某一项后可能还需要其他数据。
如选择了客户的名称,有时候需要得到客户的id进行其他操作。可以使用AutoComplete中的select方法在选择clientName的时候对clientId进行操作。
详见代码:
<input id="autocomplete" />
<input type="hidden" value="${clientId}" id="clientid"/>
<script>
$("#autocomplete").kendoAutoComplete({
placeholder : "Client Name",
dataTextField : "clientName",
filter : "contains",
dataSource: [{"clientId":"1","clientName":"client001"},
{"clientId":"85","clientName":"client002"},
{"clientId":"86","clientName":"client003"}],
select: function(e){
var dataItem = this.dataItem(e.item.index());
$("#clientid").val(dataItem.clientId);
},
});
</script>
官方文档:http://docs.telerik.com/kendo-ui/api/javascript/ui/autocomplete#methods-select