`

Ext combobox加载数据量过大的问题

    博客分类:
  • Ext
EXT 
阅读更多

最近在做项目时遇到一个修改中学代码的的问题。由于历史原因,中学代码有六千多条数据。数据量太大,装载有时会出现错误,而且不利于使用。解决方法:combobox可编辑,数据两个字符后再load store。

 

代码如下:

var zxyxStore = new Ext.data.Store({
			url : pkustuStatusBkxj.virUrl
					+ 'jpf/basicinfo/modifyStuBasicInfo/getMiddleSchoolInfoBKJX.do',
			reader : new Ext.data.JsonReader({
						root : 'rows',
						id : 'returnvalue',
						totalProperty : 'totalNum'
					}, _everyHMRecordSaved),
			sortInfo : {
				field : 'returnvalue',
				direction : 'ASC'
			}

var zxyxmHMCB = new Ext.form.ComboBox({
				id : 'zxyxm_cb' + divId,
				fieldLabel : '中学毕业院校',
				store : zxyxStore,
				displayField : 'displaytext',
				valueField : 'returnvalue',
				minChars : 2,

				selectOnFocus : true,
				anchor : '-15',
				editable : true,
				forceSelection : true,
				listWidth : 175,
				hideTrigger : 'true',
				queryParam : "middleSchollKey",

				selectOnFocus : true
			});

   minchars:2  表示只有数据两个字符时combobox 才响应。对于已经装载完成的store,minchars可以控制combobox开始过滤的字数。

    queryParam:'middleSchollKey'  相当于在zxyxStore中添加了zxyxStore.baseParams .middleSchollKey.

将当前combobox的输入值赋值给middleSchollKey。这个属性实现的前提是combobox可编辑。

Java程序中得到这个参数的方法:

    request.getParameter("middleSchollKey");

 

 

OK ,这个问题终于解决了。这个也可以通过对combobox监听事件来实现。不过不如这个来的简单直接。

 

 

 

分享到:
评论

相关推荐

    Ext combobox 下拉多选框带搜索功能

    3. **数据源**:ComboBox的数据源可以是静态数组,也可以是动态加载的数据,如通过Ajax请求获取。数据项通常包含一个字段用于显示(例如,`text`),另一个用于存储(例如,`value`)。 4. **模板**:为了显示多选...

    Ext ComboboxGrid

    "Ext ComboboxGrid"是一个基于Ext JS框架的组件,它结合了下拉框(ComboBox)和数据网格(Grid)的功能,提供了一种更强大的选择和筛选数据的方式。在Ext JS中,ComboBox通常用于显示一个可选的下拉列表,而Grid则...

    Ext comboBox的remote模式,联想功能实现

    总结起来,Ext JS的comboBox远程模式和联想功能是提高用户体验的有效手段,尤其适用于大数据量的场景。通过合理配置comboBox的相关属性,并结合服务器端的接口,我们可以创建出高效、智能的搜索输入控件。

    Ext ComBobox 附带完整附件

    6. **性能优化**:对于大型数据集,加载和渲染所有选项可能会导致性能问题。Ext ComBobox可能会包含虚拟滚动、分页或搜索过滤等特性,以提高用户体验。 7. **可扩展性和自定义**:作为源码,DmaComboBox.js应提供...

    ExtJS Combobox二级联动列子

    2. 异步加载:如果数据量大,可以使用分页加载,避免一次性加载过多数据导致性能问题。 3. 错误处理:添加错误处理机制,如请求失败时的提示和恢复操作。 综上所述,实现ExtJS的Combobox二级联动主要是通过监听事件...

    EXT教程EXT用大量的实例演示Ext实例

    Ext对JSON格式的支持也很到位,提供了方便的API来加载和解析JSON数据。 #### 8. 自定义控件和边缘学科 Ext不仅提供了丰富的标准控件,还允许开发者自定义控件。例如,TreeField和CheckBoxTree等控件都是扩展自标准...

    ext多选下拉列表的全选功能实现

    8. **优化性能**:如果数据源非常大,全选操作可能会导致性能问题。因此,可能需要使用分页或其他优化策略来避免一次性加载所有数据。 通过以上步骤,我们可以成功地在ExtJS的MultiComboBox中实现全选功能。在实际...

    extjs3.x combobox智能联想

    如果数据量较大,可以设置为"remote",实现远程服务器端的模糊查询。 3. `triggerAction`:控制触发查询的条件,可以是"all"(每次输入都会触发查询)或"query"(输入达到一定长度或用户按下空格键时触发查询)。 ...

    EXT 的一个例子lookup

    5. **Stores(数据存储)**: EXT 中的Store是用来管理数据集合的,通常用于为Grid或ComboBox提供数据源。在`lookup`场景中,Store会接收并处理从服务器返回的关联数据。 6. **Models(模型)**: Model定义了数据...

    easyui的datagrid中editor和combobox的级联

    EasyUI是一个基于jQuery的UI框架,它提供了一系列轻量级、易于使用的组件,如Datagrid、Combobox等,帮助开发者快速构建用户界面。 首先,我们要理解EasyUI的Datagrid。Datagrid是EasyUI中的一个核心组件,它用于...

    ext中combo过滤

    1. **延迟加载**:如果`Store`中的数据量非常大,可以考虑使用分页或虚拟滚动技术来实现数据的懒加载,从而减少内存占用和提高响应速度。 2. **异步过滤**:在数据量较大时,可以采用异步方式加载数据并执行过滤操作...

    ext-----多选下拉框

    8. **优化性能**: 当数据量较大时,使用分页或者懒加载技术可以提高性能。EXT的`ComboBox`支持`remoteGroup`和`remoteSort`等配置,以适应大数据场景。 9. **自定义渲染**: 通过`itemSelector`和`tpl`属性,你可以...

    ext设置分页大小.rar

    在IT行业中,分页是网页或应用程序中常见的一种数据展示方式,特别是在处理大量数据时,分页能够提高用户体验,避免一次性加载过多数据导致页面卡顿。`EXT`是一个流行的JavaScript库,主要用于构建富客户端应用程序...

    Ext 3.0 中文文档.zip

    Store可以连接到不同的数据源,如JSON、XML或CSV,并提供数据加载、过滤、排序和分页功能。通过事件监听,Store能够实时同步数据变化,确保UI的更新。 二、Data:Data包是Ext的数据模型层,包含Model、Proxy和...

    基于EXT2.2的下拉复选框

    解决这些问题可能涉及到对EXT2.2组件的深入理解,优化数据加载策略,使用适配器或polyfill来处理浏览器兼容性,以及对CSS的细致调整。 总的来说,"基于EXT2.2的下拉复选框"是一个利用EXT2.2框架和相关插件实现的Web...

    EXT TreeFilter 插件

    可以考虑延迟加载(lazy loading)策略,只在需要时加载子节点,以及使用内存分页(in-memory paging)来控制加载的数据量。 在实际开发中,EXT TreeFilter插件不仅可以用于搜索,还可以结合其他EXT组件,如...

    examples.ext.net-5.zip

    例如,压缩包中的GridPanel示例展示了EXT.NET如何创建一个动态加载数据的表格。GridPanel可以连接到各种数据源,如ADO.NET、Entity Framework等,实现数据的展示、编辑和操作。同时,GridPanel还支持行选择、列隐藏...

    EXT自动完成(此处为自动添加邮箱后缀,可以添加其他内容)

    这个文件可能包含了自定义的配置、事件处理程序或者其他增强功能,比如动态加载数据、自定义匹配算法等。如果需要深入理解这个控件的实现,可以查看这个文件的源码,了解其工作原理。 总结来说,EXT的自动完成功能...

Global site tag (gtag.js) - Google Analytics