Extjs 4 tabpanel动态加载reconfigure的grid

Ext.onReady(function(){

var store = Ext.create(‘Ext.data.Store‘,{

fields : [‘name‘, ‘seniority‘, ‘department‘],

groupField : ‘department‘,

data:{‘employees‘:[{"name":"Michael", "seniority":7, "department":"Sales"}]},

proxy : {

type:‘memory‘,

reader : {

type : ‘json‘,

root : ‘employees‘

}

}

});

var columns = [{text:‘Name‘, dataIndex:‘name‘,locked:true},

{text:‘Seniority‘, dataIndex:‘seniority‘}];

var grid = Ext.create(‘Ext.grid.Panel‘,{

title : ‘Employees‘,

enableLocking : true,

columns : [],

features:[{

ftype : ‘grouping‘

}],

width : 200,

resizable : true,

store : Ext.create(‘Ext.data.Store‘,{

fields : []

}),

height : 275

});

var tab = Ext.create(‘Ext.tab.Panel‘,{

width : 400,

height : 400,

renderTo : document.body,

items : []

});

var button = Ext.widget(‘button‘,{

renderTo : Ext.getBody(),

text : ‘rec‘,

handler : function(){

tab.add(grid);

grid.reconfigure(store, columns);

}

});

});

-----------------------------------------------------------------------------------

handler里面如果reconfigure放在add的前面就会出现el找不到的错误。

时间: 2024-08-02 12:41:47

Extjs 4 tabpanel动态加载reconfigure的grid的相关文章

Extjs 4 如何动态加载 Controller

Ext.application.prototype.addController = function (name) { var me = this; var controller = AM.getApplication().getController(name); if (!controller) { controller = Ext.create(this.getModuleClassName(name, 'controller'), { application: me, id: name }

ExtJS 动态加载树treepanel

先来看看效果: 一.新建一个TreeStore,并添加根节点 Ext.define('Demo1.store.TreeDemoStore', { extend: 'Ext.data.TreeStore', root: { text: '目录树', id: 0 } }); 二.在view中添加treepanel,绑定TreeDemoStore Ext.define('Demo1.view.MyViewport', { extend: 'Ext.container.Viewport', initCo

ExtJs中动态加载机制研究(转)

觉得写的太好了,怕弄丢了,转一下:http://extjs.org.cn/node/659 昨天我们team对于extjs的动态加载机制做了些深入研究,这里先share下controller加载的结果. 以service registry portlet为例: 比如,在 liferay-portlet.xml中定义了: 所以我们的js的入口点是app.js,这其中创建了Ext.application并且声明了动态加载controller: view source print? 1.Ext.app

Extjs学习----------动态加载js文件(减轻浏览器的压力)

动态加载js文件可以减轻浏览器的压力,本例使用了Ext.window.Window组件,该组件的学习地址:http://blog.csdn.net/z1137730824/article/details/38538277 具体实现步骤: (1)建立dynamic.jsp文件 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String

ExtJS4.2 仅需配置URL动态加载GridPanel列(带分页)

最近做ExtJS一直想做个傻瓜式的GridPanel,今天折腾了一天,从GitHub找到的老外写的解决方案, 在他的基础上做了一些改动,增加了分页,增加了columns手动配置(原本只能动态生成),大家有兴趣可以自由扩展,我做了很详细的注释 效果图如下,仅需在html页面引入ext.all,并创建自定义控件,配置url即可创建带分页效果的GirdPanel 代码: 效果图: 一.动态加载自定义控件 自定义脚本包括两部分:DynamicGrid.js和DynamicReader.js 将Ext目录

ExtJS4 动态加载

由于有人说不要每次都调用ext-all.js,会影响性能,所以有考虑动态加载,动态加载时页面调用ext.js(4.0.7在调试时可考虑用ext-dev.js),然后在onReady之前调用 Ext.Loader.setPath('Ext', '/ByInvoice/extjs/src'); Ext.Loader.setConfig({ enabled: true });   注意一定是先调用setPath,再调用setConfig.由于我的程序并未从ext上继承什么,而是直接创建ext相应的类,

页面滚动图片等元素动态加载插件jquery.scrollLoading.js

如果一个网页很长,那么该页面的加载时间也会相应的较长.而这里给大家介绍的这个jQuery插件scrollLoading的作用则是,对页面元素进行动态加载,通俗的说就是滚到哪就加载到哪,屏幕以下看不见的就不用加载了.这样还可以在一定程度上节省服务器资源.该插件作者的网页将该插件的功能和使用方法描述的非常详细,这里把最一般最普遍的使用情况给大家展现一下. 插件作者:http://www.zhangxinxu.com/ 首先我们需要加载jQuery库和本插件js文件. (jquery.scrollLo

EasyUi -- 如何根据动态加载panel和Datagrid

在做项目的过程中,前台的面板和表格一般都不是固定的,它是根据后台传来的数据进行变化的.举个例子: 实现: 看一下我们的效果图: 这个上面的最左边的Panel要根据系别动态加载,有多少个系别就要加载都少个Panel,Panel里面的是一个table,这个里面也是动态加载出来. 右边是一个datagrid,datagrid里面的工作效率.业务能力等等也都是数据库动态加载出来的,包括后面的ABCD也是动态的. 这样就算数据库中的数据怎么变,这里都会动态地加载出来.那么怎么实现这些功能呢? 一.动态加载

Python模块动态加载机制

本文和大家分享的主要是python中模块动态加载机制相关内容,一起来看看吧,希望对大家学习python有所帮助. import 指令 来看看 import sys 所产生的指令: co_consts : (0, None) co_names : ('sys',) 0 LOAD_CONST               0 (0) 2 LOAD_CONST               1 (None) 4 IMPORT_NAME              0 (sys) 6 STORE_NAME