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}});
}
}
分享到:
相关推荐
在这个场景中,我们关注的是在EXTJS的Combobox(下拉框)组件中实现分页和动态加载数据的功能。Combobox通常用于展示有限数量的选项,但在大数据集的情况下,一次性加载所有数据可能导致页面性能下降。因此,引入...
6. **优化性能**:对于大型数据集,可能需要使用分页或懒加载来提高性能,避免一次性加载所有数据。 7. **自定义样式**:为了增强用户体验,可能还需要自定义ComboBox的样式,例如搜索框的外观、下拉列表的样式等。...
2. 创建Combobox:为每个级别创建一个Combobox,设置其Store,并配置好显示和查询的字段。 3. 设置联动:在一级Combobox的`select`事件中,获取选中的值,然后根据这个值动态更新二级Combobox的Store。 4. 渲染界面...
在EXTJS 3.x版本中,Combobox是一个非常实用的组件,它提供了下拉列表功能,用户可以在输入框中输入文字,系统会根据输入内容自动进行模糊匹配,给出相关的建议选项。这种功能在数据筛选、搜索或者选择项较多时特别...
在"extjs2.0 画的一个带查询条件和查询结果的页面"这个主题中,我们主要探讨如何使用ExtJS 2.0版本来设计一个具有搜索功能的用户界面。这个界面包括查询条件输入区域和展示查询结果的区域。 首先,我们需要了解...
你需要指定请求的URL,以及可能需要的参数,如分页信息或筛选条件。 3. 监听事件:为了在接收到服务器响应后更新组件,我们需要监听AJAX请求的成功事件。一旦请求完成,你可以使用返回的数据调用CheckboxGroup的`...
本篇我们将聚焦于ExtJS中的一个特定控件——带分页的LOV(Look Up Value)Combo,它结合了Combobox和分页功能,方便用户在大量的数据中选择值。 LOV Combo(Look Up Value ComboBox)是ExtJS中的一种复合控件,它的...
例如,`ComboBox`类的`doQuery`方法处理查询逻辑,`fireEvent`方法用于触发事件,这些都是实现联动功能的重要组成部分。 6. **工具辅助**:在开发过程中,EXTJS的开发工具如Sencha CMD、Chrome开发者工具等能帮助...
在这个案例中,ComboBox被定制以实现动态查询功能,即根据用户的输入实时过滤和更新下拉列表中的选项。 实现动态查询的关键在于监听文本框的`keyup`事件。当用户在搜索框中键入字符时,这个事件会被触发,然后发送...
- `GridPanel` 是EXTJS中用于展示表格数据的组件,它可以灵活地处理大量数据,并提供排序、分页、过滤等功能。 - 在 `GridComboBox` 中,`GridPanel` 作为下拉菜单的内容,使用户能以表格形式查看和选择数据。 3....
在EXTJS框架中,"多选下拉框"(Multi-Select ComboBox)是一种常见的组件,它允许用户在下拉列表中选择多个选项。EXTJS 3.*版本也提供了这种功能,使得开发者能够创建功能丰富的界面,提升用户体验。下面将详细解释...
在EXTJS4中,下拉菜单树(ComboBox+Tree)是一种高级UI组件,它结合了ComboBox的下拉选择框和TreePanel的树形结构,提供了一种用户友好的交互方式,用于展示层次化的数据。这种组件特别适用于需要从多个选项中进行...
- 分页功能是处理大量数据时的常见需求,在Extjs中可以通过特定的组件如GridPanel实现分页。 #### 13. 表单组件 Extjs中的表单组件丰富,包括: - FormPanel类用于封装表单。 - 各种表单输入元素的配置和使用。 ...
Combobox的核心功能包括自动完成、过滤、分页等,使得数据输入更为便捷高效。 **2. IconCombobox的实现** 在Ext3.4版本中,IconCombobox是对Combobox的增强,它允许每个列表项前面添加一个图标。这在许多场景下都...
- 在ExtJS6中,ComboBox提供了多种配置项,如`store`(数据源)、`displayField`(显示字段)、`valueField`(值字段)等,可以根据需求灵活配置。 - 可以设置`queryMode`属性为`local`或`remote`,在本地数据集或...
在EXTJS中,将动态Combobox嵌入到Grid中是一种常见的需求,这允许用户在单元格内选择一个下拉列表的值,同时保持数据的关联性。以下是对标题和描述中涉及的知识点的详细说明: 1. **Ext.data.JsonStore**: 这是...
24、项目实战-数据批处理、分页查询 25、项目实战-业务逻辑层、控制器层 26、项目实战-控制器层、Spring配置文件编写 27、项目实战-Spring配置文件编写、完善底层环境搭建 28、项目实战-在线选课系统用户前端界面3 |...
- **创建ComboBox**: 结合分页功能创建了一个带有分页的ComboBox实例。 #### 面板(Panel) 面板是Extjs中非常重要的容器组件,可以用来组织和布局其他组件。 - **漂亮的窗格从这里开始**: 强调了面板在布局设计...
ExtJS4学习笔记(五)---Grid分页 ExtJS4学习笔记(八)---Grid多选 全选 ExtJS4学习笔记(六)---多表头Grid ExtJS4学习笔记(十)---ExtJS4图片验证码的实现 ExtJS4学习笔记(十一)---TabPanel ExtJS4学习笔记(十三)---上传...