本文目录一览:
- 1、extjs 表格编辑,动态显示列怎么弄
- 2、extjs中js怎么向jsp页面中动态添加一个7列6行的table
- 3、Extjs 4.x 为GridPanel动态添加一行数据
- 4、extjs动态向可编辑表格EditorGridPanel 添加一个列ColumnModel,并让列能够被修改
- 5、extjs 表格如何实现动态添加列
extjs 表格编辑,动态显示列怎么弄
这里说的应该是excel动态图表下拉显示列,操作方法如下:
1.制作包含了相关数据的Excel表格,以下以一份销售简表为例,说明该技巧的详细思路。
2.选择单元格A20(也可以是其他空白单元格),单击菜单栏“数据”→有效性”,打开“数据有效性”对话框,在“设置”选项卡下,“允许”的下拉菜单中,选择“序列”,在“来源”中,选择或输入来源位置(本例为$A$3:$A$16),确定之后,即可以为A20单元格建立下拉列表。
3.选择A20单元格的相邻单元格B20,输入公式=VLOOKUP($A$20,$A$3:$H$16,COLUMN(),),回车后,选择B20单元格拖动右下角的填充柄将公式填充至H20。此时通过选择A20单元格的下拉菜单,选择不同的产品,会显示该产品的具体详细信息。
PS:VLOOKUP函数是一个查找函数,其基本解释是:在参数2(本例为$A$3:$H$16)首列中,垂直查找(按行查找)参数1(本例为$A$20),并返回参数3指定的第n列中相同行的数据,参数4为查找方式,参数4为0或省略或为FALSE时,表示精确查找,为1或者TRUE时表示模糊查找。
COLUMN为列函数,COLUMN()表示返回当前单元格的列号。
4.选定A20:H20单元格区域作为图表的数据源,单击“插入”→图表”,打开“图表向导”对话框,按提示进行设置,制作好图表,需要不同产品的相关数据时,只需在A20单元格的下拉菜单中选择即可。该图表实现了随不同的对象而变化,可读性和可视效果都大大提高。
extjs中js怎么向jsp页面中动态添加一个7列6行的table
不知道你说的是js还是extjs的gridpanel
如果是js动态添加一个table,大致如下:
var createTable=function(row,col){//row:行数,col:列数
var table=document.createElement("table");
var tbody=document.createElement("tbody");
for(var i=1;i=row;i++){
var tr=document.createElement("tr");
for(var j=1;j=col;j++){
var td=document.createElement("td");
td.innerHTML=i.toString()+j.toString();
tr.appendChild(td);
}
tbody.appendChild(tr);
}
table.border="1px";
table.appendChild(tbody);
document.body.appendChild(table);
};
将createTable函数放到相应的事件中,这里放在body的onload事件中
Extjs 4.x 为GridPanel动态添加一行数据
//声明对应grid的Record对象
var ItemRecord = Ext.data.Record.create([
{name:'itemid'},
{name:'itemcode'},
{name:'itemname'},
{name:'price'},
{name:'mark'}
]);
//点新增按钮时则执行类似如下函数
function addNewLine2Grid(grid){
var rec = new ItemRecord({ //实例化Record对象,并赋予各字段初始值
'itemid': 0,
'itemcode': '',
'itemname': '',
'price': 0.00,
'mark': ''
});
grid.store.insert(grid.store.getCount(), rec); //插入新行作为grid最后一行
grid.getView().refresh(); //刷新
//grid.plugins[1].startEditing(grid.store.getCount()-1,4); //编辑最后一行第4列
}
extjs动态向可编辑表格EditorGridPanel 添加一个列ColumnModel,并让列能够被修改
ext3.0的EditorGridPanel 都有自带的编辑啊
ext4.0的要在gridpanel加编辑插件
extjs 表格如何实现动态添加列
Ext.onReady(function() {
var sm=new Ext.grid.CheckboxSelectionModel();
var cm=[new Ext.grid.RowNumberer(),sm,
{header:"编号", dataIndex:"id", width:65,hidden : true},
{header:"名称", dataIndex:"name", width:65},
{header:"路径", dataIndex:"url", width:65}
]
var fd = ["id", "name", "url"];
var store=new Ext.data.JsonStore({
fields:fd
})
var data=[{
id:1,name:"xiao",url:"sssssssssss",sex:"male"
}]
var grid=new Ext.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(){
var res = {fields:[{name:"sex"}],columns:[{header:'性别',dataIndex:"sex",width:65}]};
var columns = res.columns;
var fields = res.fields;
for (var i = 0; i fields.length; i++) {
fd.push(fields[i].name);
cm.push(columns[i]);
}
//重新绑定store及column
ss=new Ext.data.JsonStore({
fields:fd
});
grid.reconfigure(ss,new Ext.grid.ColumnModel(cm));
ss.loadData(data)
}
}]
})
var win=new Ext.Window({
title:"sssssss",
width:700,
height:500,
layout:"fit",
closable:true,
items:[grid]
})
win.show();
});
主要是grid里的reconfigure这个方法:配置grid以使用一个不同的Store和Column Model并触发'reconfigure'事件。 视图将会被绑定到新的对象并刷新。
你自己引用ext3的类库吧~