ExtJs combobox使用中遇到的问题

1. 对combobox调用showTriggerButton和setValue方法之前，需要combobox所在窗口调用过show方法

2. store中的数据如果需要动态重新获取，可以通过给store.reload({url:url, params:{},callback: function(){}});

3. 如果需要从数据库中读出某个数据，然后将该数据设定为combobox的value，同时希望显示store的text，那么一定要将setValue操作放在combobox的store的load的回调函数中。

时间： 2024-12-19 04:24:15

ExtJs combobox使用中遇到的问题的相关文章

Extjs combobox设置默认值

转载:http://www.54mask.com/extjs-combobox-default-value.html 相信很多人都遇到了在ExtJS框架中设置combo组件默认值的需求,ExtJS框架并没有提供现成的配置项或者方法来解决此问题,本人认为主要是因为此种需求的应用场景有限且很难达到适应于不同场景的实现. combo组件的设值其实很简单: 1 var getRecruitmentName = new Ext.data.JsonStore({ 2 url: '',--后台地址 3 bas

ExtJS ComboBox同时加载远程和本地数据

ExtJS ComboBox同时加载远程和本地数据原文:http://gblog.hbcf.net/index.php/archives/233 ComboBox比较特殊需求,将远程数据和本地数据同时加载.其实,还是先加载远程,在将本地数据塞进获取到的远程数据中去.大概的代码如下(网上得来,未验证,以备用) //首先远程读取数据 var seriesStore = new Ext.data.JsonStore({ url: '', fields: ['seriesid', 'seriesnam

ExtJs ComboBox 在IE 下自动完成功能无效的解决方案

使用 ComboBox 来作为自动完成的组件,就像google suggestion ,可是在IE下怎么也无法输入字符,是处于不可编辑状态,而firefox和chrome都正常显示.我在2个ExtJs QQ群中问这个问题,都没有解决,不知道是不会还是不想回答.我在这里分享出来解决办法. 这个问题困扰了我不少时间,在网上总也搜索不到答案.最后终于通过google找到了解决办法. 方法1:将如下代码添加到你的 Ext.onReady的方法中即可! [html] view plaincopy Ext.

ExtJS ComboBox之键入自动查询

Ext.create('Ext.form.Panel', { title: '菜单编辑', id:'editMenuForm', bodyPadding: 5, // The form will submit an AJAX request to this URL when submitted url: '/SystemManage/SaveMenuForm', method: 'POST', // Fields will be arranged vertically, stretched to

Extjs ComboBox 动态选中第一项

有时候我们希望通过Store加载过来的数据,ComboBoxItem能够选择第一条数据作为默认数据,我们可以这么操作: var storeinfo = Ext.create('Ext.data.Store', { model: SaleInfo, autoLoad: false, pageSize: 10000, proxy: { type: 'ajax', url: '/URL/JSON', reader: { type: 'json', rootProperty: 'Data', total

Extjs combobox 实现搜索框的效果

目的:使用combobox实现一个类似搜索框的效果,即用户输入内容后,出现相关下列列表,提供选择. 实现:extjs3 中combobox自身带这个功能. 需要设置的属性: 1. hideTrigger: true, // 去掉右侧的小标志 2. mode : 'remote', // 数据需要远程下载 3. minChars:2, // 设置用户输入字符多少时触发查询 4. queryParam: 'userinput', // 设置用户传递参数的名称,默认是 ‘query’ store的定义

ExtJS ComboBox之 2级联动

Ext.onReady(function () { /*表格数据源绑定*/ var menuStore = Ext.create('Ext.data.Store', { pageSize:10, fields: ['id','','sm_name', 'sm_url', 'fatherGuid','fatherName'], proxy: { type: 'ajax', url: '/SystemManage/GetMenuList', reader: { type: 'json', root:

ExtJs combobox模糊匹配

下拉列表模糊查询(重要代码): listeners : { beforequery : function(e) { var combo = e.combo; if(!e.forceAll){ var value = e.query; combo.store.filterBy(function(record, id){ var text = record.get(combo.displayField); return (text.indexOf(value)!=-1); }); combo.exp

Extjs 3实现Combobox下拉列表的拼音过滤

下拉列表是我们常用的表单元素,能够通过选项的方式代替手动输入,提高输入效率和准确率.但有时侯,如果下拉列表中选项过多,在选择中就会造成不便,降低输入效率. 比如12306火车票订票系统中,发站和到站框中,从下拉列表中选择就非常困难.在日常使用中经常使用输入文字拼音首字母(简拼.音序)的方式进行可选项的过滤,现在我们尝试在Extjs3中使用这种方式,Extjs其他版本可参考. 要通过汉字得到对应的拼音,方式是多种多样的.第一种是在数据库中加字段保存可选项的简拼,这种方式需要操作人员手动维护可选项的