<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- easyui的样式 -->
<link rel="stylesheet" type="text/css"
href="../jslib/jquery-easyui-1.3.1/themes/default/easyui.css">
<!-- 小图标的样式 -->
<link rel="stylesheet" type="text/css"
href="../jslib/jquery-easyui-1.3.1/themes/icon.css">
<script type="text/javascript"
src="../jslib/jquery-easyui-1.3.1/jquery-1.8.0.min.js"></script>
<script type="text/javascript"
src="../jslib/jquery-easyui-1.3.1/jquery.easyui.min.js"></script>
<script type="text/javascript"
src="../jslib/jquery-easyui-1.3.1/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
var loginComboboxName;
var d = [ {
"id" : 1,
"text" : "text1"
}, {
"id" : 2,
"text" : "text2"
}, {
"id" : 3,
"text" : "text3",
"selected" : true
}, {
"id" : 4,
"text" : "Text4"
}, {
"id" : 5,
"text" : "text5"
} ];
$(function() {
loginComboboxName = $('#loginComboboxName').combobox({
data : d,
textField : 'text',
valueField : 'id',
filter : function(q, row) {
var opts = $(this).combobox('options');
//return row[opts.textField].indexOf(q) == 0;
return row[opts.textField].toUpperCase().indexOf(q.toUpperCase()) == 0;
},
formatter : function(row) {
var opts = $(this).combobox('options');
return row[opts.textField] + "###";
},
onBeforeLoad : function(param) {
console.info(param);
},
multiple : true
});
});
function loadData() {
loginComboboxName.combobox('loadData', [ {
"id" : 1,
"text" : "aaaaaa"
}, {
"id" : 2,
"text" : "bbbbb"
}, {
"id" : 3,
"text" : "ccccc",
"selected" : true
}, {
"id" : 4,
"text" : "ddddd"
}, {
"id" : 5,
"text" : "eeeee"
} ]);
}
</script>
</head>
<body>
<select id="loginComboboxName" name="name"
style="display: none; width: 157px;"></select>
<input type="button"
οnclick="console.info(loginComboboxName.combobox('getData'))"
value="getData" />
<input type="button" οnclick="loadData()" value="loadData" />
<input type="button" οnclick="loginComboboxName.combobox('clear')"
value="clear" />
</body>
</html>