jsp运用上拉多选框，EXT技术支持.
日期：2014-05-16 浏览次数：20378 次
jsp运用下拉多选框，EXT技术支持...
<html>
<head>
<base href="http://localhost:8080/wuxiProject/">
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="multiCombox/resources/css/ext-all.css" >
<script type="text/javascript" src="multiCombox/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="multiCombox/ext-all.js"></script>
<script type="text/javascript" src="multiCombox/MultiComboBox.js"></script>
<script type="text/javascript" src="javascript/jquery1.3.1.js"></script>
<script language="javascript" src="javascript/DateTimeCalendar.js">
</script>
<script type="text/javascript">
Ext.onReady(function(){
new Ext.form.MultiComboBox({
width:'92%',
store: new Ext.data.SimpleStore({
fields: ["name","value"],
data:[['白',1],['灰',2],['黄',3],['粉',4],['红',5],['紫',6],['绿',7],['蓝',8],['棕',9],['黑',10],['其他',11]]}),
valueField :"value",
displayField: "name",
labelSeparator:'：',
displaySeparator:',',
valueSeparator:',',
mode: 'local',
//value:'11',
forceSelection: true,
hiddenName:'test',
editable: false,
triggerAction: 'all',
//allowBlank:false,
emptyText:'',
renderTo:'mytd'//指向id为mytd
});
});
</script>
<body>
<form>
<tr>
<!--这里显示下拉多选框-->
<td id="mytd" width="23%" class="body">
</td>
</tr>
</form>
</bode>
<html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
