`
zhujs
  • 浏览: 102337 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

使用extjs combobox遇到的问题

EXT 
阅读更多
在用combobox的是很遇到,如分页,自动填充,过滤等问题,解决后记录下来备份,
先上图

Ext.onReady(function(){
          var pageSize=2;
          start = 0;
          var store = new Ext.data.Store({
          		//autoLoad:true,//自动加载
                proxy: new Ext.data.HttpProxy({
	                url:'adOwner/adOwnerMsgForm.action',
	                method:'POST'
                }),
	           //解析数组
				reader: new Ext.data.JsonReader({          
                     //总记录数
            		totalProperty: 'totalCount', 
					root: 'adOwnerResult'
				},
                 ['value','name'] 
                 )
             }); 
           store.load({params:{start:start,limit:pageSize}});
           var siteMsg = new Ext.form.ComboBox({ //默认过滤参数名为query
	            store : store,
	            hiddenName:'selectAdId', //提交传过去的值
	            emptyText : "请选择", 
	            mode : 'remote', //设置为local,则加载的本地数据
	            autoHeight :true,
	           typeAheadDelay:1000,//默认延时查询250
	            triggerAction : 'all', //每次下拉均显示全部选项  
	            valueField : 'value', //下拉框显示信息对应的值
	            displayField : 'name', //下拉框显示信息
	            loadingText : '正在加载信息', 
	            selectOnFocus : true, //用户不能自己输入,只能选择列表中有的记录
	            border : true, 
	           //frame : true,
	            resizable : true,//
	            typeAhead:false, //防止自动填充,有的地方说的延时查询
	            listWidth:200,//下拉框的宽度,200显示是不完整的
	            minChars:1,  //设置填充几个字节就去查一次,默认为4个字节 
	            pageSize:pageSize//注意这句,combobox自带了分页,当totalCount大于pageSize的时候会自动添加分页工具栏
         	siteMsg.render("mydiv");
       });


还有就是输入条件后自动过滤,默认传参query,不用设置,当然自己设置参数进行传递queryParam:String也可以,然后在Action里面查询时添加query条件
  • 大小: 27.3 KB
分享到:
评论

相关推荐

    extjs4 ComboBox 点击下拉框 出现grid效果

    然而,根据你的标题和描述,你似乎遇到了一个特别的需求,即当你点击ComboBox的下拉框时,希望出现一个Grid组件,而不是默认的下拉列表。 ComboBox的默认行为是弹出一个包含选项的列表,而你想要实现的是当用户点击...

    ExtJS Combobox二级联动列子

    ExtJS的Combobox组件是一种常见的数据输入控件,它提供了下拉列表的功能,用户可以选择列表中的一个选项或者在输入框中自由输入。在实际应用中,我们常常会遇到需要实现二级甚至多级联动的场景,这通常是由于数据的...

    ExtJS PropertyGrid中使用Combobox选择值问题

    在PropertyGrid中遇到的一个常见问题是当使用Combobox(下拉列表框)作为编辑器时,用户选择的值(displayField)与实际保存的值(valueField)不一致。通常,displayField用于显示用户友好的文本,而valueField则是...

    解决Extjs下拉框不显示的问题

    然而,有时候开发者可能会遇到ComboBox不显示下拉列表的问题,就像标题和描述中所提到的情况。这个问题通常涉及到组件的渲染、Z-Index(层叠顺序)或父容器的影响。 问题描述: 问题的核心在于ComboBox虽然在内存中...

    extjs editgrid 回显问题.rar

    在使用EditGrid时,可能会遇到回显问题,即用户编辑表格数据后,数据无法正确地显示在表格中。这个问题通常是由于数据绑定、模型配置或者编辑过程中的处理不当造成的。 首先,我们要理解ExtJS EditGrid的工作原理。...

    组合框combo里面change和click的区别

    在处理用户交互时,我们可能会遇到两种常见的事件:`Change` 和 `Click`。了解它们之间的区别是编写有效用户界面逻辑的关键。 1. **Change事件** - `Change`事件在用户从组合框中做出选择并确认后触发。当用户从...

    EXTJS记事本 当CompositeField遇上RowEditor

    在这个场景中,开发者面临的问题是如何在EXTJS的RowEditor中处理由多个Combobox(下拉框)组成的CompositeField,以便实现级联筛选功能。RowEditor是EXTJS中的一个组件,它允许用户直接在表格行上编辑数据,提供了...

    轻松搞定Extjs

    - **拦路虎**: 指在搭建开发环境过程中可能遇到的问题,如依赖冲突等。 - **布署环境**: 包括设置项目文件结构、安装必要的开发工具等步骤。 - **Spket IDE**: 介绍这款IDE的基本特性和优势,帮助初学者快速上手。 -...

    Extjs EditorGridPanel中ComboBox列的显示问题

    然而,当在EditorGridPanel中嵌入ComboBox(下拉选择框)作为编辑器时,可能会遇到一个问题,即ComboBox显示的不是其store中设定的displayField(显示字段),而是EditorGridPanel自身store的数据index字段内容。...

    ExtJS 组件扩展

    在使用ExtJS进行组件扩展时,开发人员常常会遇到一些典型的问题: 1. **没有封装**:这通常是由于开发者对ExtJS机制理解不足所致。此类问题的核心在于未充分利用ExtJS框架的组件生命周期管理能力,导致编写出的代码...

    ext(extJS) 3.0 中文API CHM版 ext中文帮助文档

    通过这个CHM文件,开发者可以在没有网络的情况下离线查阅EXTJS 3.0的全部API,提升开发效率,快速解决遇到的问题。 在学习EXTJS的过程中,熟悉并掌握这个CHM文档,将有助于你深入理解EXTJS的架构和组件系统,从而更...

    ExtJs使用过程中积攒的一些东西

    在使用ExtJs开发Web应用程序时,经常会遇到各种各样的组件和布局需求。下面是一些关于ExtJs使用的基础知识和常见技巧。 1. **基础布局**: - 引入文件:ExtJs的使用首先需要引入相应的CSS样式表和JavaScript库。`...

    extjs和struts的技术结合

    11. **Ext JS中文乱码解决方案**:在开发过程中,可能会遇到中文乱码问题,这通常与编码设置有关,需要确保项目编码、服务器编码、浏览器编码一致。 12. **Eclipse中JS中文乱码**:Eclipse作为IDE,其JavaScript...

    Extjs ComboBoxTree 下拉树组件

    在实际开发中,我们可能会遇到各种问题,例如树节点加载延迟、选中状态同步、复选框状态管理等。解决这些问题通常需要对ExtJS的事件模型、数据模型以及渲染机制有深入理解。 文件"ComboBoxTree"可能是实现这一组件...

    Extjs中文教程

    - 在搭建过程中可能会遇到各种问题,如依赖冲突、浏览器兼容性等,需要逐一解决。 - 常见的解决办法包括升级浏览器版本、调整配置文件等。 ##### 3. 部署环境 - 需要在本地搭建一个开发服务器,如使用Apache或Node....

Global site tag (gtag.js) - Google Analytics