<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="../plugin/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="../plugin/easyui/themes/gray/easyui.css">
</head>
<body>
<input class="easyui-combobox" name="userId" id="userId" data-options="valueField:'id',textField:'text',panelHeight:'auto',panelMaxHeight:200,panelMinHeight:100" style="width: 160px;height: 29px"/>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../plugin/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../plugin/easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
var data = {
"option": [
{
"code": "0",
"name": "1沪300"
},
{
"code": "1",
"name": "11综合债指数"
},
{
"code": "2",
"name": "2中R07D"
}
],
"recode": 0,
"restr": "获取数据成功"
}
$("#userId").combobox({
valueField: 'code',
textField: 'name',
editable:true,
hasDownArrow:true,
data: data.option,
required:false,
filter: function(q, row){
var opts = $(this).combobox('options');
return row[opts.textField].indexOf(q) == 0;
}
});
</script>
</body>
</html>