EXT的ItemSelector动态加载数据的方法

最新推荐文章于 2016-03-28 14:04:26 发布
最新推荐文章于 2016-03-28 14:04:26 发布
阅读量262 收藏
点赞数
分类专栏： Extjs 文章标签： JavaScript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kui5656/article/details/84149290
版权
本文介绍了一种在特定JavaScript环境中修复ItemSelector组件数据加载的方法。通过在ItemSelector.js文件中添加restore函数，可以实现从指定的数据源加载数据到组件中。示例代码展示了如何在FormPanel中使用该函数。
摘要由CSDN通过智能技术生成

 这个需要修改ItemSelector.js文件给itemselector加上restore(store)函数就可以了 例如： 

restore: function(store){
    this.fromMultiselect.store.loadData(store);
}
 

带相应 js 中调用方法 如下 

isForm.getForm().findField(‘itemselector’).restore(ds);

其中 itemselector 为 FormPanel 的name，ds 为 Array 数据源 即可 。

kui5656
关注
专栏目录
[Ext JS 4] 实战之多选下拉单 (带checkbox) 续 - 带ALL 选项
oscar999的专栏
12-12 8349
在 [Ext JS 4] 实战之多选下拉单 (带checkbox) 这一篇中有介绍如何开发带有checkbox 的多选菜单。 但是实际项目开发过程中， 用户的需求也是不断精进的。 使用淘宝或是其他网站购物车功能的用户对全选就特别习惯， 所以他们也希望在下拉单中也能有 "ALL" 这样的选项。 但是Extjs 本身提供的多选下拉单，功能比较有限。 之前有扩充过带 checkbox, 现在又要多扩充一个 "ALL" 选项了。
ext-----多选下拉框
12-15
8. **优化性能**: 当数据量较大时，使用分页或者懒加载技术可以提高性能。EXT的`ComboBox`支持`remoteGroup`和`remoteSort`等配置，以适应大数据场景。 9. **自定义渲染**: 通过`itemSelector`和`tpl`属性，你可以...
extjs itemselector 使用详解，前台显示及后台数据交互
热门推荐
liehuoliaoyuan的专栏
04-15 1万+
这两天折腾这个itemselector，真是折腾的够呛，好多不好弄的地方，网上好多，但是没有讲的详细的，对于初学者不好弄，下面我详细解释下，先看效果图吧：  效果就是这么个效果，下面看代码吧，边看边讲吧。 首先我们要引入js文件和css文件，因为它是相当于一个ext的插件，所以还需要引入js和样式文件，需要引入： MultiSelect.js   ItemSelector.js
Extjs的itemselector用法
孤雁是天的寂寞
12-12 317
var store = new Ext.data.Store({ // autoLoad:true, // 获取数据的方式 proxy : new Ext.data.HttpProxy({ url : 'connCfgManage.do?reqCode=getChannelCode' }), // 数据读取器 rea...
Extjs4 动态获取下拉框
qq_29990191的博客
03-28 2627
extjs4动态下拉框，其实是个比较简单的东西，可是在网上找的都是些大牛的方法和说法，我不是很懂，后来自己研究解决的，特意总结一下，发出来分享。 本人第一次写这样的技术博客，不好的地方请大家多包涵。谢谢。 页面extjs代码： var cboGND = uc.cboEngProperty({  fieldLabel: '所属模块',//定义下拉框名称             empt
EXT2.0分页
01-22
EXT2.0的分页机制核心在于将大量数据分成多个小块（页）进行加载，而不是一次性加载所有数据，这样可以减少网络传输量，降低服务器负载，并使用户能够更快地浏览内容。分页通常包括前后翻页、跳转到指定页数等功能，...
ExtNet控件使用心得
11-02
将`Collapsed`属性设为`true`，Panel在加载时将以折叠形式呈现，节省初始页面加载时间。 - **HideCollapseTool**: 设置为`true`时，将隐藏面板的“展开/收缩”按钮，这与`Collapsible`属性形成对比，后者控制按钮的...
Extjs4.X下comboboxTree下拉树型菜单，完美支持多选、单选，绝对好用
10-23
数据源通常通过`store`属性指定，可以是本地数据或者远程加载的数据。对于树形结构，需要使用`TreeStore`，并定义相应的`Model`来描述树节点的结构，包括字段名和类型。例如，可能包含`text`（显示文本）、`leaf`...
Extjs treeselector 树结构选择器
11-21
它能够通过异步加载或一次性加载数据，支持节点的展开、折叠、选择以及拖放操作。TreeSelector将这个树面板与一个选择器界面结合起来，使得用户可以方便地浏览和选择树中的项。 **主要知识点：** 1. **Tree ...
ext4 itemselector的使用
辉子的专栏
03-14 1069
实现的效果如下： 1.准备工作，itemselector是extjs核心以外的插件，因此要把外部的js文件和css样式导入，注意的问题是js文件和css文件的路径。 代码如下： 2.准备数据store。这里只是简单的示例，所以store只是简单的数据。 代码： var store=Ext.create('Ext.data.ArrayStore',{ data:[['1','on
Extjs itemselector动态加载数据
计算机系统、存储
05-25 1107
var dataSoruce = Ext.data.Record.create([ {name:'value'}, {name:'text'}]);var ds = new Ext.data.Store({ autoLoad: true, proxy: new Ext.data.HttpProxy({url:'itemselect.jsp'}), //读取Json数据
EXT 的ItemSelector如何动态加载数据
mmmzzc的专栏
10-20 197
这个需要修改ItemSelector.js文件给itemselector加上restore(store)函数就可以了 例如： [code="javascript"]restore: function(store){ this.fromMultiselect.store.loadData(store); }[/code] 带相应 js 中调用方法 如下 [code="jav...
extjs中关于itemselector的选取器
老张的小记
03-19 8667
//这只是成型的JavaScript，另外在js中要引用到itemselector相关的js，css，imgs，和下面用到的DWR配置等（略）var window_itemselector;Ext.onReady(function(){ var ds= new Ext.data.Store({ id:userid, reader:new Ext.data.Jso
jquery 下拉加载+ 瀑布流+mustache
最新发布
05-25
下面是一个基于 jQuery、瀑布流和 Mustache 模板的下拉加载...`Mustache.render` 方法用于将数据渲染为 HTML，`imagesLoaded` 插件用于等待所有图片加载完毕后再执行瀑布流布局，`masonry` 插件用于实现瀑布流布局。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值