『壹』 extjs中GridPanel怎么动态生成列
Ext.onReady(function(){
varsm=newExt.grid.CheckboxSelectionModel();
varcm=[newExt.grid.RowNumberer(),sm,
{header:"编号",dataIndex:"id",width:65,hidden:true},
{header:"名称",dataIndex:"name",width:65},
{header:"路径",dataIndex:"url",width:65}
]
varfd=["id","name","url"];
varstore=newExt.data.JsonStore({
fields:fd
})
vardata=[{
id:1,name:"xiao",url:"sssssssssss",sex:"male"
}]
vargrid=newExt.grid.GridPanel({
sm:sm,
columns:cm,
store:store,
width:500,
height:400,
tbar:[{
text:"生成",
icon:"images/icons/add.png",
cls:"x-btn-text-icon",
handler:function(){
varres={fields:[{name:"sex"}],columns:[{header:'性别',dataIndex:"sex",width:65}]};
varcolumns=res.columns;
varfields=res.fields;
for(vari=0;i<fields.length;i++){
fd.push(fields[i].name);
cm.push(columns[i]);
}
//重新绑定store及column
ss=newExt.data.JsonStore({
fields:fd
});
grid.reconfigure(ss,newExt.grid.ColumnModel(cm));
ss.loadData(data)
}
}]})varwin=newExt.Window({
title:"sssssss",
width:700,
height:500,
layout:"fit",
closable:true,
items:[grid]
})
win.show();
});
主要是grid里的reconfigure这个方法:配置grid以使用一个不同的Store和Column Model并触发'reconfigure'事件。 视图将会被绑定到新的对象并刷新。
这个例子,是一个按钮加列的,你自己看看改改吧。有问题在问我吧。
『贰』 Extjs中如何给gridPanel 单元格中加入Ext风格的button
tabr:是放在上面的工具栏,还有放在下面的工具栏,具体怎麼写我忘掉了,你可以查看一版下API
tabr:[
{text:'button' ,handler:function(){}}
]
这就是Ext风格的button了,权
祝你好运,有啥问题,留言,讨论
『叁』 extjs grid.Panel 局部刷新
我的处理方法是前台轮询查询最新变更数据。
利用Ext.util.TaskRunner()
var task = {
run: function(){
//更新表格部分数据,循环体版
//这里需要获取后权台变更的最新数据。然后根据这些数据修改当前表格中的数。
//获取需要修改的记录:var record = store.getById(数据ID);
//修改列的值: record.set(参数一: 列数据源,即dataindex ,参数二:更新后的值);
},
interval: 1000 //一秒执行一次
}
var runner = new Ext.util.TaskRunner();
runner.start(task);
『肆』 extjs 如何将GridPanel页面渲染到panel里
//表格1
var grid1 = Ext.create('Ext.grid.Panel',{});
//表格2的查询提交事件
function search(){
Ext.Ajax.request({
url: '数据处理页面',
success: function(response){
var respText = Ext.decode(response.responseText);
//重点,表格1重新加回载数据,答后台输出json格式的查询结果
grid1.store.loadData(respText);
}
});
}
『伍』 EXTJS GridPanel 显示数据量 读取数据完后的事件
gridpanel不是有个数据源store
store.getTotalCount( ) ;获取作为服务端返回的数据集中记录的总回数
store.getCount( ) ;获取缓存记录的总数。获得当前答gridpanel的数据量
store.on('load',function(){
});当数据加载后,用于操作
『陆』 extjs3.0 EditorGridPanel 数据 加载步骤
var cm = new new Ext.grid.ColumnModel([
{
header:'名字',
dataIndex:'username', //和record对应
editor:new Ext.form.TextField() //定义可以用文本框编辑
}
]);
var record = Ext.data.Record.create([
{name:'username'}
]);
var store = new Ext.data.Store({
proxy:new Ext.data.HttpProxy({url:''}), //url是你的请求,必须返回对应的json字符串
reader:new Ext.data.ArrayReader({},record //数据会通过reader解析,放入store里
});
store.load();
var editorGrid = new Ext.grid.EditorGridPanel({
renderTo:Ext.getBody(), //渲染grid
store:store, //这是数据来源
cm:cm //这是列定义
clicksToEdit:1, //单击单元格进入编辑,2是双击
});
『柒』 ext gridPanel 怎么拿到被渲染后的值。急.
这是一个成功的例子来,数据库里源表的字段名为NHJ,可以这样通过判断字段的值进行渲染,也可以通过写一个函数来实现,方便对多个字段渲染,有兴趣的话再问我
{
header : '环节',
dataIndex : 'NHJ',
sortable : true,
renderer : function(v) {
if (v == 1) return '计划和测试';
if (v == 2) return '执行发布';
if (v == 3) return '发布后测试';
if (v == 4) retrun'执行撤销计划';
}
}
『捌』 Ext.grid.panel如何根据状态修改render方式设置的单元格当中的内容
value就是你单元格的内容。
拿你最后两句比如来说
renderer: function(value, metaData, record, rowIdx, colIdx, store, view) {
if(value == ‘正常’专){
return 'OK';
}else if(value == '异常'){
return 'false';
}else{
return value;
}
}
留个名字:七脉、属
『玖』 Extjs grid列表中,我用渲染的方式,在行中添加了button按钮,却不知该如何添加方法了。
从你目前这样 建议把你的addWindow定义以及show的动作写成一个在全局的最外面的方法版
onclick里只要onclick="javascript:showFunName()" 就可以调到权
要是我做的话会在controller里监听grid的cellclick( Ext.view.Table this, HTMLElement td, Number cellIndex, Ext.data.Model record, HTMLElement tr, Number rowIndex,Ext.EventObject e, Object eOpts )
事件, 用参数e.target.classname或其他什么区分是这个button再做窗口弹出的动作
『拾』 EXTJS 把table渲染成grid的方法
extjs 的官网上有,地址在参考资料