`

关于Combo Box的分页(级联菜单)

阅读更多
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;
	}
分享到:
评论

相关推荐

    级联菜单 级联菜单级联菜单级联菜单

    级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单...

    级联菜单 动态级联菜单

    级联菜单 动态级联菜单 级联菜单是一种常见的Web应用程序用户界面元素,它允许用户从多个选项中选择一个或多个项目。动态级联菜单是指可以根据实际情况动态生成选项的级联菜单。下面将对该技术进行详细的解释。 ...

    jsp实现级联菜单 jsp实现级联菜单

    ### JSP实现级联菜单详解 #### 一、概述 级联菜单是Web应用程序中常见的一种交互设计方式,尤其在需要展示多层级数据结构时,如省份-城市选择器等场景下非常实用。通过级联菜单,用户可以方便地根据上一级的选择来...

    级联菜单级联菜单级联菜单

    级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单

    级联菜单的实现

    级联菜单,也称为下拉菜单或嵌套菜单,是一种常见的用户界面元素,常用于组织大量相关选项,以便用户能够高效地浏览和选择。在计算机软件中,级联菜单的实现是一个关键的交互设计环节,它能提升用户体验,使得复杂的...

    C#级联菜单 仿系统的级联菜单功能

    同时,也可以参考Microsoft官方文档和其他开源项目来学习更多关于C#级联菜单的实现技巧和最佳实践。 总的来说,理解和掌握C#中的级联菜单功能对于提升用户界面的交互性和专业性至关重要。通过熟练运用上述技术和...

    js加html编写的级联菜单

    级联菜单(Cascading Menu)是Web开发中常见的交互元素,主要用于呈现具有层次结构的数据。在本案例中,我们讨论的是使用JavaScript和HTML技术实现的级联菜单,且该菜单能够与数据库进行交互,动态地从数据库中读取...

    异步级联菜单脚本示例

    在IT领域,异步级联菜单是一种常见的交互设计,它常用于网站或应用程序的导航,尤其是在数据层次结构复杂的情况下。这种菜单系统允许用户逐步选择,每一级的选择会影响到下一级的选项,形成一种“级联”效果。在这个...

    最简单的C#窗体级联菜单源码示例

    级联菜单(Cascade Menu)通常指的是菜单项下挂载有子菜单,形成一种树状结构,用户可以通过展开主菜单来访问子菜单项。在本示例中,我们将探讨如何在C#窗体应用中实现这一功能。 首先,我们需要了解C#中的...

    二级级联菜单

    在IT领域,级联菜单(Cascading Menu)是一种常见的用户界面设计元素,它主要用于组织大量数据或功能,使得用户可以逐步细化选择,提高交互效率。这种效果常见于下拉菜单、导航栏以及表单中。在本例中,我们讨论的是...

    级联菜单,多级菜单

    级联菜单和多级菜单是UI设计中常见的一种交互元素,尤其在数据分类或导航系统中广泛应用。这种菜单结构能够有效地展示层次关系,使用户能够逐步深入地探索内容。在这个场景下,我们讨论的是一个自定义封装的级联菜单...

    Winfrom级联菜单(源码)

    在Windows Forms(Winform)应用开发中,级联菜单(Cascading Menu)是一种常见的UI设计,它允许用户通过展开主菜单项来访问更具体的子菜单项,从而提供层次化的选项。这种设计使得复杂的菜单系统变得更为有序和易用...

    级联菜单修改 js css

    在网页设计中,级联菜单(Cascading Menu)是一种常见的交互元素,它通常用于创建层级结构清晰的导航系统。这种菜单在用户界面上显示为一个主菜单项,当用户悬停或点击时,会下拉展示子菜单项。级联菜单能够有效地...

    用AJAX实现的级联菜单

    在网页设计中,级联菜单(Cascading Menu)是一种常见的交互元素,它允许用户通过层级结构来选择或浏览选项。这种菜单常用于导航栏、下拉选择框等,能够节省页面空间并提供良好的用户体验。AJAX(Asynchronous ...

    最新版Jquery网站导航级联菜单

    网上找了很久这种菜单,浪费了很多时间,实在没办法,只好老老实实去官网上按说明弄了一个,并更新了,jquery1.5.2, 希望给有需要的朋友可以节约一点时间,欢迎交流,qq:170262

    级联菜单DropDownList

    级联菜单DropDownList 级联菜单DropDownList 级联菜单DropDownList 级联菜单DropDownList 级联菜单DropDownList 级联菜单DropDownList 级联菜单DropDownList

    安卓SlidingMenu各种菜单侧滑菜单相关-级联菜单两级菜单自定义实现提供多种方式PopWindowFragment引用..rar

    本资源包含了关于Android SlidingMenu的实现,特别是级联菜单和两级菜单的自定义实现,以及使用PopWindow和Fragment的多种引用方式。 首先,级联菜单(Cascading Menu)是一种多级结构的菜单,它允许用户逐级探索并...

    Ajax 实现级联菜单

    在本项目中,Ajax被用来实现级联菜单的效果,即一个下拉菜单的选择会影响另一个下拉菜单的内容,这种交互方式常见于数据层级关系丰富的表单中。下面将详细介绍Ajax实现级联菜单的相关知识点。 1. **异步通信**: ...

    动态树形结构的级联菜单

    在网页设计和开发中,动态树形结构的级联菜单是一种常见的交互元素,它能够有效地组织和展示大量的信息,使得用户界面更为清晰、有条理。这种菜单在各种类型的网站和应用中都有广泛的应用,例如文件管理系统、组织...

    级联菜单用div实现

    级联菜单,也被称为下拉菜单,是一种常见的用户界面元素,尤其在网页设计中广泛使用。它通过在主菜单项下展示子菜单,为用户提供了一种高效、节省空间的方式来导航复杂的菜单结构。在这个主题中,我们将探讨如何使用...

Global site tag (gtag.js) - Google Analytics