为什么Ext中不能直接使用赋值更换panel的store

最新推荐文章于 2021-08-06 00:45:04 发布
原创 最新推荐文章于 2021-08-06 00:45:04 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ext #plugins

在Ext中，直接更改panel的store可能导致列模式与数据源不匹配，因为store和column model是相互配合来展示数据的。随意更换数据源将使列模式无法正确显示数据。
reconfigure (  Ext.data.Store store ,  Ext.grid.ColumnModel colModel  ) : void 
配置grid以使用一个不同的Store和Column Model并触发'reconfigure'事件。 视图将会被绑定到新的对象并刷新... 
配置grid以使用一个不同的Store和Column Model并触发'reconfigure'事件。 视图将会被绑定到新的对象并刷新。 

注意，在配置GridPanel时，某些现有的配置可能会变成无效的。 例如，配置的 autoExpandColumn 可能在新的ColumnModel中不再存在。 并且，现有的 PagingToolbar 将仍然被绑定在旧的Store上，并且需要重新绑定。 所有plugins 也需要使用新数据重新配置。 

参数: 

store : Ext.data.Store 
新Ext.data.Store 对象 
colModel : Ext.grid.ColumnModel 
新Ext.grid.ColumnModel 对象 
返回值: 

void 




看了上面的方法就知道了 


以gridpanel举例

store  数据源 会和 cm 列模式(也就是数据的展现模式)  想匹配的  如果随意的单方面更换了数据源 那列模式就不知道怎么显示了 



foxpeter
关注
[Ext JS] 3.7 树(Tree)的定义和使用
oscar999的专栏
04-07 735
树的构成 树面板：Ext.tree.Panel ， 面板用来创建一个树的组件 树视图：Ext.tree.View ， 对树的样式做一些配置 ，比如是否显示根节点（rootVisible）， 视图不直接使用，通过面板的viewConfig配置项进行配置。 树的列：Ext.tree.Column，一般而言，树只需要一列，也可以像Grid那样，定义多列。 定义与示例 树使用Ext.tree.Panel创建， 使用Ext.create()和配置方式都可以。 树的数据使用Ext.data.TreeStore类型
【react】【错误记录】修改store成功，页面不刷新（原因为Object.assign使用错误）
qq_34838046的博客
10-19 1070
错误现象记录：触发dispatch，store返回值正确，但是页面不变化。 reducers const panelConfig = (state = { type: 0, show: false }, action) => { ... case types.TOGGLE_PANEL: console.log('state:', state); //出错在这里 return Object.assign(state, { show: action.show }
解决Extjs MVC store无法加载
大爱无疆的博客
08-28 1617
使用initComponent参数将数据实例化别忘了重新生成视图 this.callParent(arguments); Ext.define('AM.view.show.GridPanel', { extend: 'Ext.grid.Panel', alias: 'widget.alias_gridpanel', title: 'All Users',
ext的几种store定义和赋值
ajuan1212的专栏
02-08 8183
1. 对应gridpanel的store定义： var store = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ method: 'post', url: '' }), reader: new Ext.data.JsonReader({ totalProperty : 'TOTALCOUNT', root
ext.data.store ajax,设置 Ext.data.Store 传参的请求方式
weixin_28750663的博客
08-06 1008
1.extjs 给怎么给panel设背景色设置bodyStyle:'background:#ffc;padding:10px;',var resultsPanel = Ext.create('Ext.panel.Panel', {title: 'Results',width: 600,height: 400,renderTo: Ext.getBody(),bodyStyle: 'backgroun...
extjs4 对各类型store各种数据的读取 model 前台 等等
10-18
{ type: 'exclusion', field: 'username', list: ['admin@xx.xx', 'user@xx.xx'] }, // 用户名不能为特定值 { type: 'format', field: 'username', matcher: /^([\w]+)(.[\w]+)*@([\w-]+\.){1,5}([A-Za-z]){2,4}$/...
Ext开发指南
prxhlirr的博客
09-23 1447
EXT开发指南 目 录 一、 EXTJS框架下载: 2 二、 EXTJS使用… 2 页面引用... 2 ExtJS 调用... 2 组件体系下图所示：... 3 组件的使用... 4 组件的配置属性... 5 三、 各功能组件使用方法及介绍… 10 面板Panel 10 窗口Ext.W...
ext给store赋值
花开的声音
12-14 682
grid.getStore().getAt(j+1).set('quoPri',quotPorjectItem.data['quotProjectPrice']);
ExtJS两个grid用同一个store显示不同的数据
priestmoon的专栏
06-14 2063
a) 在css文件中定义样式 .hide {display:none;} b) 在grid中添加属性             viewConfig: {                 getRowClass: function(record, rowIndex, rowParams, store){                     var value = record.
动态改变Ext store的参数
莫理琴的专栏
08-03 5647
var itemsPerPage = 20 ; var store =new Ext.data.Store({             pageSize: itemsPerPage,             fields : [              'yourfield1',              'yourfield2',             ],
ext 不能加store.removeall
任香980101
07-10 477
handler : function() { var countType=Ext.get('countType').dom.value; if (countType == 'xxxx') { Ex...
ExtJs store 赋初始值
星空
09-08 2763
{ fieldLabel: '学院', hiddenName: 'xyid', mode:'local', id:'xy', xtype:'combo', editable:false, triggerAction:'all', displayField:"xyjc", valueField:'id', store:xyStore, listeners : { after
Ext Js简单Data Store创建及使用
xiaoliuyiting的博客
10-29 4262
转载：https://www.cnblogs.com/SanMaoSpace/archive/2013/02/05/2893352.html Ext Js简单Data Store创建及使用 　　不知道大家是如何学习一门新语言、一门技术或某一新鲜事物的？可能还是自己在一开始学习编程时常听到的那样，找一本基础的书看看，把书上的每一个示例都敲一遍，把书上的每一段代码都理顺。现在忙碌生活中又是如何接触...
Ext学习，使用Grid控件
06-09
好的，我可以为您讲解一下使用 Ext 中的 Grid 控件。 Grid 是一个非常常用的控件，它可以展示表格数据。在使用 Grid 之前，我们需要先引入 Ext 的 Grid 组件，可以通过以下代码进行引入： ```javascript Ext.require(['Ext.grid.*']); ``` 接着，我们可以定义一个 Ext.grid.Panel 对象，即一个 Grid 面板。以下是一个简单的 Grid 面板的定义示例： ```javascript Ext.create('Ext.grid.Panel', { title: 'My Grid Panel', store: myStore, columns: [ { text: 'Name', dataIndex: 'name' }, { text: 'Email', dataIndex: 'email', flex: 1 }, { text: 'Phone', dataIndex: 'phone' } ], height: 200, width: 400, renderTo: Ext.getBody() }); ``` 在上述代码中，我们定义了一个 Grid 面板，它包含了一个标题、一个数据源（即 store）、三列数据（name、email 和 phone）以及一个高度和宽度。在最后，我们将这个 Grid 面板渲染到页面中。 其中，store 是 Grid 的数据源，我们需要先定义一个 store 对象。以下是一个简单的 store 对象的定义示例： ```javascript var myStore = Ext.create('Ext.data.Store', { fields: ['name', 'email', 'phone'], data: [ { name: 'Lisa', email: 'lisa@simpsons.com', phone: '555-111-1224' }, { name: 'Bart', email: 'bart@simpsons.com', phone: '555-222-1234' }, { name: 'Homer', email: 'homer@simpsons.com', phone: '555-222-1244' }, { name: 'Marge', email: 'marge@simpsons.com', phone: '555-222-1254' } ] }); ``` 在上述代码中，我们定义了一个包含 name、email 和 phone 三个字段的数据源。我们通过 data 属性来设置数据，可以看到，我们在这里直接将数据写在代码中。在实际中，我们通常是从后台获取数据，然后将数据赋值给 store 对象。 以上就是使用 Ext 中的 Grid 控件的基本步骤。希望能对您有所帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值