Ext中动态comboBox的loadRecord进行选中。

最新推荐文章于 2023-02-05 12:44:14 发布
原创 最新推荐文章于 2023-02-05 12:44:14 发布 · 2.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ext #callback #function #c

本文介绍如何在ExtJS中解决动态加载的ComboBox显示问题。通过使用Store的load方法结合回调函数，可以在ComboBox中正确显示name而不是value，实现Form的数据绑定。
Ext中在打开Form进行编辑时，一般是采用loadRecord方法来绑定Form中控件的值。 但对于动态加载的comboBox来说，绑定后只能显示value,而无法显示name 原来只要在Store中的load中用callback就行了： CityStore.load({ params: { mode: 'c', p: record.data.ProvinceId}, callback: function(r, options, success){ if(success){ CompanyForm.getForm().loadRecord(record); }else{ Ext.Msg.alert('城市数据载入失败','失败！'); } }//callback function end });
Ext表单之loadRecord用法详解
03-16
NULL 博文链接：https://lovebeyond.iteye.com/blog/442494
Ext4.0 动态修改ComboBox选择项(本地模式)
03-25
本知识点主要聚焦于如何在Ext4.0框架下动态修改ComboBox的选择项，特别是在本地模式下进行操作。Ext4.0是Sencha Ext JS的一个版本，它提供了一个强大的JavaScript组件库，用于构建富客户端应用程序。 首先，...
Extjs 获取Combobox选中的record
Reid的专栏
05-30 4554
var comboboxData = combobox.getStore().findRecord("item_value", combobox.getValue()).getData(); 其中 item_value 是combobox中store对应 valueField 字符
EXTjs loadRecord方法 将grid中的数据 加载到form表单中去
热门推荐
08-22 1万+
重点是rowselect: function(sm, row, rec) {Ext.getCmp("user_info").getForm().loadRecord(rec);}这句代码sm是选择模式row是所列的唯一ID，比如第一条记录这个值就是0，以此递推！rec就表示本条记
loadRecord传递Ext.form.field.Date类型数据
周厉的技术人生
11-30 977
不知道大家用没有用过用loadRecord方法加载grid的整行的数据，其它的都没有问题就是Ext.form.field.Date这个类型传递不了 var txtJoinedDate = new Ext.form.field.Date({ name: 'joineddate', fieldLabel: '入职时间', format: 'Y-m-d', allo
EXT2_combobox_form.rar_combobox ext_ext
09-20
EXT2_combobox_form.rar_combobox ext_ext 这个标题暗示我们关注的是一个与EXT2相关的项目，其中包含了关于form表单和combobox的示例。EXT是一个流行的JavaScript库，主要用于构建富客户端应用，特别是Web应用的用户...
ext combobox动态加载数据库数据(附前后台)
12-12
前台： 代码如下: var provinceStore = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url: basePath + “/stationManage/station... //选择省市 var provinceIDadd = new Ext.form.ComboBox({ anchor : ‘98%
Ext中下拉列表ComboBox组件store数据格式用法介绍
09-05
本篇文章将详细讲解Ext中下拉列表ComboBox组件的store数据格式及其用法。 首先，ComboBox的store数据格式有两种常见的方式： 1. **数组格式**： ```javascript store : [['11', '2011'], ['12', '2012'], ['13',...
Extjs 表单之loadRecord和load用法示例
jazywoo_在路上
08-19 8070
loadRecord   这个方法是BaseForm的一个公用方法，用法比较常用，之前没有想过要专门的去讲这么个方法的运用，但看到官方实例里面也有详细的讲这个方法的具体应用，而且我觉得是比较实用的方法！从BaseForm的角度出发，他一个是所有form组件的基类，实用他的这个方法同样可以用到其子类上，比如FormPanel，我这里就是通过FormPanel来实现这个功能的！  我整理
comboBox 加载数据的几种方式
07-26
comboBox 加载数据的几种方式
关于Ext的Combo加载数据的问题。
xiunai78的专栏
03-19 4750
    开篇     在combo的配置选项中有个mode,我们可以配置两个参数，local,remote 从字面意思上看，一个是本地加载，一个是远程加载。     于是就出现了一个问题，我用jsonStore去后台取数据的时候，认为数据是从后台来的所以设置mode为remote，但是combo并没有显示数据出来，从fireBug看到我拿到了正确的数据。试了很久都没解决，后来看到自己代码的store是这样的。 var store = new Ext.data.JsonStore({     
Extjs4.2中RadioGroup无法用loadRecord()赋值的处理方法
只是回忆
09-10 690
网上找了好多都不行，不知道是不是版本不一样的问题，zhel
使用EasyUI combobox的loadData 加载数据
可控的事情要谨慎，不可控的事情要乐观。
09-18 8256
data-options的valueField和textField必须写上： <input class="easyui-combobox" id="rwlb" name="rwlb" style="width:435px" data-options="valueField:'id', textField:'text', panelHeight:'auto'" > 方法一： var...
easyUi的combobox属性 loadData，数据乱窜的问题。
applesin猿的博客
02-05 1081
easyUi的combobox属性 loadData，传递并修改数据，导致传递前后两次的数据完全相同（数据乱窜），其实就是变量的深拷贝和浅拷贝的问题，解决办法“...”展开符，再包装回去再传递。
Ext Combo 加载选项
zhangkangen的专栏
06-04 1048
Ext 中 combo 不能直接使用 setValue 方法来设置选中下拉列表中的选项， 可以使用以下方法。 在load之后选择。
Extjs4 Ext.form.Panel loadRecord ajax数据
软件维修师
08-06 1084
from组件的loadRecord是比较好使的方法，通过加载grid的行数据，可以直接赋值，这里不再多说。 下面我要说的是，from加载ajax的数据，代码如下 Ext.Ajax.request({ url:'地址', method:'post', params:{ //参数 }, success: function(re, opts) { var resp...
combobox空间clear清空选中、loadData清空option、getValue获得选中、setValue设置值之简单粗暴教程
travel7623的博客
07-30 2586
$('#id').combobox('clear');//清空选中项 $('#id').combobox('loadData', {});//清空option选项 var selectedId= $("#id").combobox("getValue");//获得选中项，当选中多个时为带逗号数组 $('#id').com...
对EXT中的combobox进行模糊查询
07-28
在EXT中，可以使用正则表达式实现对combobox的全模糊查询。首先，需要在combobox的listeners中添加beforequery事件，然后在该事件的处理函数中使用正则表达式进行检索。具体的实现代码如下所示： ```javascript var bq = function (e) { var combo = e.combo; if (!e.forceAll) { var input = e.query; // 检索的正则 var regExp = new RegExp(".*" + input + ".*"); // 执行检索 combo.store.filterBy(function (record, id) { // 得到每个record的项目名称值 var text = record.get(combo.displayField); return regExp.test(text); }); combo.expand(); return false; } } var comboBox = new Ext.form.ComboBox({ // 其他配置项... listeners: { beforequery: bq } }); ``` 以上代码中，beforequery事件的处理函数bq中，首先获取输入的查询关键字input，然后使用正则表达式regExp进行检索。通过filterBy方法对combobox的store进行过滤，将符合正则表达式的记录保留下来。最后，调用combo.expand()方法展开下拉列表，显示过滤后的结果。 这样，就可以实现对EXT中的combobox进行模糊查询了。 #### 引用[.reference_title] - *1* [ext.net中ComboBox空间实现模糊查询](https://blog.youkuaiyun.com/aiweng3574/article/details/102055962)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [easyUi和ext comBoBox的模糊查询 (支持拼音和汉字)](https://blog.youkuaiyun.com/LyBeyond/article/details/50441572)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值