JS代码:
var neNameStore = new Ext.data.JsonStore({
fields:['displayField','valueField'],
url:'comboBox.shtml?method=getNeInfos',
root:'root',
totalProperty:'totlalNum',
autoLoad:false
});
{
xtype:'combo',
width : 100,
allowBlank : false,
blankText : '选择设备类型',
hiddenName : 'neType',
name : 'neTypeValue',
id : 'neTypeValue',
store : neTypeStore,
triggerAction: 'all',
editable : false,
displayField:'displayField',
valueField : 'valueField',
emptyText :'设备类型',
mode: 'local',
value:'-1',
listeners:{
select: function(combo, record, index){
var neTypeValue = record.data.valueField;
var neNameCombo = Ext.getCmp('neIdValue');
neNameCombo.clearValue();
neNameStore.removeAll();
if(neTypeValue != '-1'){
neNameStore.baseParams['neType'] = neTypeValue;
neNameStore.reload({params:{start:0,limit:128}});
neNameCombo.enable();
}
else{
neNameCombo.disable();
}
}
}
},
'设备名称: ',
{
xtype:'combo',
width : 150,
allowBlank : false,
blankText : '选择设备',
hiddenName : 'neId',
name : 'neIdValue',
id : 'neIdValue',
store : neNameStore,
triggerAction: 'all',
editable : true,
minChars:128,
displayField:'displayField',
valueField : 'valueField',
minListWidth:235,
emptyText :'设备名称',
disabled:true,
mode: 'remote',
pageSize:128
}
Java代码:
public ActionForward getNeInfos(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) throws Exception
{
logger.info("ComboBoxAction.class => getNeInfos");
String start = request.getParameter("start");
String limit = request.getParameter("limit");
int index = Integer.parseInt(start);
int max = Integer.parseInt(limit) + index;
int neType = Integer.parseInt(request.getParameter("neType"));
Map<Integer, String> map = WebNeInfos.getNeInfoMapByNeType(neType);
Object[] key = map.keySet().toArray();
Arrays.sort(key);
int size = map.size();
if(max > size)
{
max = size;
}
response.setContentType("text/json;charset=UTF-8");
StringBuffer sb = new StringBuffer();
sb.append("{totlalNum:'" + size + "',");
sb.append("root:[");
for(int i=index; i<max; i++)
{
sb.append("{displayField:'" + map.get(key[i]) + "',valueField:'" + key[i] + "'}");
if(i<max-1)
{
sb.append(",");
}
}
sb.append("]}");
log.info("json => " + sb.toString());
response.getWriter().write(sb.toString());
return null;
}
分享到:
相关推荐
级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单...
级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单
jsp实现级联菜单jsp实现级联菜单jsp实现级联菜单jsp实现级联菜单jsp实现级联菜单
级联菜单 动态级联菜单 可能动态取数据
菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联
级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单
仿系统的级联菜单功能,也就是鼠标放上去会自动显示第二级菜单的内容,看起来很专业。
这是js控制的html网页的级联菜单,与数据库相连,从数据库中读取内容。
网上找了很久这种菜单,浪费了很多时间,实在没办法,只好老老实实去官网上按说明弄了一个,并更新了,jquery1.5.2, 希望给有需要的朋友可以节约一点时间,欢迎交流,qq:170262
级联菜单DropDownList 级联菜单DropDownList 级联菜单DropDownList 级联菜单DropDownList 级联菜单DropDownList 级联菜单DropDownList 级联菜单DropDownList
实现级联菜单的功能,运行程序,选择编辑查找和替换功能,可以看到下级菜单显示出来
级联菜单,多级菜单。自定义封装包可直接引用。
菜单 menu JavaScript css js div 下拉级联菜单 菜单 menu JavaScript css js div 下拉级联菜单
异步的级联菜单实现了无级限制的下拉菜单,通过更改部分代码可以实现不同菜单的级联。本示例需要后台配合数据的传送。请注意示例的AjaxMultiMenu.html页面源代码注释。
AJAX实例的级联菜单,初学AJAX。
使用Ajax实现级联菜单,采取XML响应方式实现,非常好用!
excel功能强大,可以做级联菜单功能。适用于web项目导入exel文件。
最简单的C#窗体级联菜单源码示例
级联菜单有一个div简单实现,对于初学者很适合哟,相信我,你一定不会失望的