急!Ext comboBox问题

tangte715 2010-09-06 06:00:28
我想用Ext的comboBox做一个列表,当值被加载进去时就将值全部显示出来,并可对里面的值进行多选操作
有点类似于TextArea的效果,特请教Ext高手,在线等。。。
...全文
116 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
hoojo 2010-09-06
  • 打赏
  • 举报
回复
Ext.onReady(function(){

Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';

/*
* Ext.ux.Multiselect Example Code
*/
var msForm = new Ext.form.FormPanel({
title: 'MultiSelect Test',
width:700,
bodyStyle: 'padding:10px;',
renderTo: 'multiselect',
items:[{
xtype:"multiselect",
fieldLabel:"Multiselect<br />(Required)",
name:"multiselect",
dataFields:["code", "desc"],
valueField:"code",
displayField:"desc",
width:250,
height:200,
allowBlank:false,
data:[[123,"One Hundred Twenty Three"],
["1", "One"], ["2", "Two"], ["3", "Three"], ["4", "Four"], ["5", "Five"],
["6", "Six"], ["7", "Seven"], ["8", "Eight"], ["9", "Nine"]],
tbar:[{
text:"clear",
handler:function(){
msForm.getForm().findField("multiselect").reset();
}
}]
}],
tbar:[{
text: 'Options',
menu: [{
text:"Set Value (2,3)",
handler: function(){
msForm.getForm().findField("multiselect").setValue("2,3");
}
},{
text:"Toggle Enabled",
handler: function(){
var m=msForm.getForm().findField("multiselect");
if (!m.disabled)m.disable();
else m.enable();
}
}]
}],

buttons: [{
text: 'Save',
handler: function(){
if(msForm.getForm().isValid()){
Ext.Msg.alert('Submitted Values', 'The following will be sent to the server: <br />'+
msForm.getForm().getValues(true));
}
}
}]
});

});
注意导入Ext.ux.Multiselect组件的类MultiSelect.js文件
hoojo 2010-09-06
  • 打赏
  • 举报
回复
可以用multiselect
看官方示例:ext-2.2/examples/multiselect/multiselect-demo.html
tangte715 2010-09-06
  • 打赏
  • 举报
回复
我干学Ext不久,能具体点吗?
x372563572 2010-09-06
  • 打赏
  • 举报
回复
Ext 貌似有个grid吧 可以做列表

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧