`
liuxi1024
  • 浏览: 390117 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Extjs ComboBox根据条件的分页查询

 
阅读更多

1、说明

    extjs combo经常会根据其他文本框中值去load 数据。

 

2、代码如下

 

	{	id:'lovcombo_cars',
		hiddenName:'carNumber',
		xtype:'combo',
		width:260,
		fieldLabel: '车牌号',
		maxHeight:200,
		readOnly:true,
		editable:false,
		pageSize:10,
		mode:'remote',
		store:new Ext.data.JsonStore({
			storeId:'incomingCarStore',
			url: 'data/orgCar.do',
		    root: 'orgCars',
		    totalProperty: 'totalCount',
		    remoteSort: true,
		    fields: ['id','name']
		}),
		valueField:'id',
		displayField:'id',
		triggerAction:'all',
		onTriggerClick : function() {
			//--处理点下拉框不能展开菜单
			if(this.disabled){   
		        return;   
		    }   
		    if(this.isExpanded()){   
		        this.collapse();   
		    }else {
		        this.onFocus({});   
		        this.expand();   
		    }
		    this.el.focus();
		    //--end
			//取得其他文本框中的值作为条件
			var no = Ext.getCmp('idx_outside_orgNo').getValue();
			if(no == ''){
				Ext.MessageBox.show({title : '警告',	msg : '请选择选择外地企业!',	buttons : Ext.MessageBox.OK,icon : Ext.MessageBox.WARNING});
				return false;
			}
			//提交查询
			var s = Ext.StoreMgr.lookup('incomingCarStore');
			s.load({params : {orgNo : no,start : 0,limit : 10}});
		}
	}

 

分享到:
评论

相关推荐

    extjs4.2 分页combo动态条数 源码

    在这个场景中,我们关注的是在EXTJS的Combobox(下拉框)组件中实现分页和动态加载数据的功能。Combobox通常用于展示有限数量的选项,但在大数据集的情况下,一次性加载所有数据可能导致页面性能下降。因此,引入...

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

    6. **优化性能**:对于大型数据集,可能需要使用分页或懒加载来提高性能,避免一次性加载所有数据。 7. **自定义样式**:为了增强用户体验,可能还需要自定义ComboBox的样式,例如搜索框的外观、下拉列表的样式等。...

    ExtJS Combobox二级联动列子

    2. 创建Combobox:为每个级别创建一个Combobox,设置其Store,并配置好显示和查询的字段。 3. 设置联动:在一级Combobox的`select`事件中,获取选中的值,然后根据这个值动态更新二级Combobox的Store。 4. 渲染界面...

    extjs3.x combobox智能联想

    在EXTJS 3.x版本中,Combobox是一个非常实用的组件,它提供了下拉列表功能,用户可以在输入框中输入文字,系统会根据输入内容自动进行模糊匹配,给出相关的建议选项。这种功能在数据筛选、搜索或者选择项较多时特别...

    extjs2.0 画的一个带查询条件和查询结果的页面

    在"extjs2.0 画的一个带查询条件和查询结果的页面"这个主题中,我们主要探讨如何使用ExtJS 2.0版本来设计一个具有搜索功能的用户界面。这个界面包括查询条件输入区域和展示查询结果的区域。 首先,我们需要了解...

    无废话ExtJs 系统教程十九[动态复选框:RemoteCheckboxGroup]

    你需要指定请求的URL,以及可能需要的参数,如分页信息或筛选条件。 3. 监听事件:为了在接收到服务器响应后更新组件,我们需要监听AJAX请求的成功事件。一旦请求完成,你可以使用返回的数据调用CheckboxGroup的`...

    Extjs之--带分页的lovcombo控件

    本篇我们将聚焦于ExtJS中的一个特定控件——带分页的LOV(Look Up Value)Combo,它结合了Combobox和分页功能,方便用户在大量的数据中选择值。 LOV Combo(Look Up Value ComboBox)是ExtJS中的一种复合控件,它的...

    Extjs学习笔记(-):ComboBox联动

    例如,`ComboBox`类的`doQuery`方法处理查询逻辑,`fireEvent`方法用于触发事件,这些都是实现联动功能的重要组成部分。 6. **工具辅助**:在开发过程中,EXTJS的开发工具如Sencha CMD、Chrome开发者工具等能帮助...

    ExtJs Google Suggest 动态查询效果

    在这个案例中,ComboBox被定制以实现动态查询功能,即根据用户的输入实时过滤和更新下拉列表中的选项。 实现动态查询的关键在于监听文本框的`keyup`事件。当用户在搜索框中键入字符时,这个事件会被触发,然后发送...

    Extjs4下拉菜单ComboBox中用Grid显示通用控件

    - `GridPanel` 是EXTJS中用于展示表格数据的组件,它可以灵活地处理大量数据,并提供排序、分页、过滤等功能。 - 在 `GridComboBox` 中,`GridPanel` 作为下拉菜单的内容,使用户能以表格形式查看和选择数据。 3....

    extjs多选下拉框

    在EXTJS框架中,"多选下拉框"(Multi-Select ComboBox)是一种常见的组件,它允许用户在下拉列表中选择多个选项。EXTJS 3.*版本也提供了这种功能,使得开发者能够创建功能丰富的界面,提升用户体验。下面将详细解释...

    extjs4 下拉菜单树 combobox+tree 支持单选多选

    在EXTJS4中,下拉菜单树(ComboBox+Tree)是一种高级UI组件,它结合了ComboBox的下拉选择框和TreePanel的树形结构,提供了一种用户友好的交互方式,用于展示层次化的数据。这种组件特别适用于需要从多个选项中进行...

    轻松搞定Extjs 带目录

    - 分页功能是处理大量数据时的常见需求,在Extjs中可以通过特定的组件如GridPanel实现分页。 #### 13. 表单组件 Extjs中的表单组件丰富,包括: - FormPanel类用于封装表单。 - 各种表单输入元素的配置和使用。 ...

    Ext带图标Combobox

    Combobox的核心功能包括自动完成、过滤、分页等,使得数据输入更为便捷高效。 **2. IconCombobox的实现** 在Ext3.4版本中,IconCombobox是对Combobox的增强,它允许每个列表项前面添加一个图标。这在许多场景下都...

    Extjs6 下拉列表

    - 在ExtJS6中,ComboBox提供了多种配置项,如`store`(数据源)、`displayField`(显示字段)、`valueField`(值字段)等,可以根据需求灵活配置。 - 可以设置`queryMode`属性为`local`或`remote`,在本地数据集或...

    extjs中grid中嵌入动态combobox的应用

    在EXTJS中,将动态Combobox嵌入到Grid中是一种常见的需求,这允许用户在单元格内选择一个下拉列表的值,同时保持数据的关联性。以下是对标题和描述中涉及的知识点的详细说明: 1. **Ext.data.JsonStore**: 这是...

    深入浅出Extjs4.1.1

    24、项目实战-数据批处理、分页查询 25、项目实战-业务逻辑层、控制器层 26、项目实战-控制器层、Spring配置文件编写 27、项目实战-Spring配置文件编写、完善底层环境搭建 28、项目实战-在线选课系统用户前端界面3 |...

    轻松搞定Extjs

    - **创建ComboBox**: 结合分页功能创建了一个带有分页的ComboBox实例。 #### 面板(Panel) 面板是Extjs中非常重要的容器组件,可以用来组织和布局其他组件。 - **漂亮的窗格从这里开始**: 强调了面板在布局设计...

    ExtJS4中文教程2 开发笔记 chm

    ExtJS4学习笔记(五)---Grid分页 ExtJS4学习笔记(八)---Grid多选 全选 ExtJS4学习笔记(六)---多表头Grid ExtJS4学习笔记(十)---ExtJS4图片验证码的实现 ExtJS4学习笔记(十一)---TabPanel ExtJS4学习笔记(十三)---上传...

Global site tag (gtag.js) - Google Analytics