EXTJS 4 动态grid

var grid=Ext.getCmp("GridPanel1");
var store = grid.getStore();

Ext.Ajax.request({
url:"server/grid.json",

params:{},
success:function(response, option){

grid.setStore( Ext.JSON.decode(response.responseText) );

}
} );

自己下载json文件

setStore: function(msg) {
if (Ext.getCmp("GridPanel1") !==
undefined) {
Ext.getCmp("GridPanel1").destroy();
}

if (Ext.getCmp("gridStore") !== undefined) {

Ext.getCmp("gridStore").remove();
}
var store = new
Ext.data.JsonStore({
id: "gridStore",
data:
msg.data,
fields: msg.fieldNames
});

//var cm = new Ext.grid.ColumnModel(msg.colName);
var grid
= new Ext.grid.GridPanel({
id: "GridPanel1",

height: 240,
width: 750,
dock: ‘top‘,

region: ‘center‘,
autoScroll: true,
split:
true,
border: false,
columns: msg.colName,

store: store

});
grid.render("FirstPanel");
}

赋值 data fields columns

EXTJS 4 动态grid,布布扣,bubuko.com

时间: 2024-08-24 15:16:54

EXTJS 4 动态grid的相关文章

extjs动态树 动态grid 动态列

由于项目需要做一个动态的extjs树.列等等,简而言之,就是一个都是动态的加载功能, 自己琢磨了半天,查各种资料,弄了将近两个星期,终于做出来了 首先,想看表结构,我的这个功能需要主从两张表来支持 代码目录表: CREATE TABLE SYS_T01_CODECONTENT ( ID NUMBER NOT NULL, PID NUMBER NOT NULL, TABLENAME VARCHAR2(50 BYTE), ZH_CN VARCHAR2(200 BYTE), ENABLE CHAR(1

EXTJS中的grid显示实际行号

添加一个新的功能 [javascript] view plaincopy Ext.grid.PageRowNumberer = Ext.extend(Ext.grid.RowNumberer, { width : 40, renderer:function(value, cellmeta, record, rowIndex, columnIndex, store){ if(store.lastOptions.params!=null){ var pageindex=store.lastOptio

ExtJS 4.2 Grid组件的单元格合并

ExtJS 4.2 Grid组件本身并没有提供单元格合并功能,需要自己实现这个功能. 目录 1. 原理 2. 多列合并 3. 代码与在线演示 1. 原理 1.1 HTML代码分析 首先创建一个Grid组件,然后查看下的HTML源码. 1.1.1 Grid组件 1.1.2 HTML代码 从这些代码中可以看出,Grid组件可分为grid-header和grid-body 两块区域(若含有工具栏和分页栏,它们都会含有各自的独立区域). 其中grid-body包含了许多tr元素,每一个tr都是代表Gri

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 中动态给gridpanel 复选框赋值

最近在搞extjs时需要动态根据数据给gridpanel的复选框赋值 网上看了很多 ,多不行,最后找到一个好使的方法 如下: RBACformPanel.getSelectionModel().select(0, true); 其中RBACformPanel就是你的gridpanel, select中的参数0表示grid第一列的对象,true表示将checkbox设置为true 即为勾选状态.

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

Extjs 3 控制Grid某行某列不可编辑

var cmGoodsFee = new Ext.grid.ColumnModel([rmGoodsFee, { header : "id", tooltip : "id", dataIndex : 'id', id : 'id', width : 80, align : 'center', hidden : true }, { header : "计费类型", tooltip : "计费类型", dataIndex : 'c

ExtJS中动态设置TextField的readOnly属性

第一种方式: textField, 如果知道textField的id = 'textField' 话,就可以利用如下的方法: 则代码如下:Ext.getCmp("textField").getEl().dom.readOnly = true; 第二种 方式: textField,如果是 通过 var textField = newExt.form.TextField() 则可以使用下面的方式: 则代码如下:textField.el.dom.readOnly = true; 根据这个原理

ExtJs之列表(grid)

--renderers渲染器 可以格式化该列显示的数据格式或者按照你自定义的脚本显示最终数据样子 先看下renderer: function()里的参数 renderer:function(value, cellmeta, record, rowIndex, columnIndex, store){ } 1.value是当前单元格的值 2.cellmeta里保存的是cellId单元格id,id不知道是干啥的,似乎是列号,css是这个单元格的css样式. 3.record是这行的所有数据,你想要什