本文目录一览：
- 1、extjs中的columntree加载树表格后，如何在每行的最后一列中加编辑超链，点超链弹出窗口可加载该行数据编辑
- 2、extjs里如何调整columns里的列宽
- 3、EXTJS的ColumnTree的问题
extjs中的columntree加载树表格后，如何在每行的最后一列中加编辑超链，点超链弹出窗口可加载该行数据编辑
1.column-data.json里面的user字段改成：
user:’a href=”javascript:void(0)” onclick=”newWin()”edit/a’
2.我新建了一个js来放Ext.Window的，在window嵌入了Ext.form.FormPanel，Ext.form.FormPanel比较好布局，代码如下：
var newWin=function(){
var win=new Ext.Window({
modal:true,
id:’win’,
title:’Edit data’,
width:400,
autoHight:true,
closeAction:’close’,
items:[newForm()]
});
win.show();
setTimeout(getValue,100)
};
var getValue=function(){
var tree=Ext.getCmp(‘tree’);
var formpanel=Ext.getCmp(‘formpanel’);
var sm=tree.getSelectionModel();
var node=sm.getSelectedNode().attributes;
alert(“task:”+node.task+”–duration:”+node.duration);
formpanel.findById(‘task’).setValue(node.task);
formpanel.findById(‘duration’).setValue(node.duration);
};
var newForm=function(){
var formpanel=new Ext.form.FormPanel({
labelWidth:80,
border:false,
id:’formpanel’,
bodyStyle: ‘padding:15px;background:transparent’,
labelSeparator:’:’,
lableAlign:’right’,
items:[
new Ext.form.TextField({
fieldLabel:’task’,
width:200,
id:’task’
}),
new Ext.form.TextField({
fieldLabel:’duration’,
width:150,
id:’duration’
})],
buttons:[
{text:’ok’},
{text:’cancel’}
]
}
);
return formpanel;
};
extjs里如何调整columns里的列宽
其实不要想得太复杂，可以直接给column设置width属性来改变宽度。
如果要设置自适应列宽的话可以参考以下：
var grid = new Ext.grid.GridPanel({
title : ‘表格列自动分配宽度’,
columns : [
{header : ‘id’,dataIndex:’id’,width: 200},
{header :’name’,dataIndex:’name’}
],
store : 数据源
});
EXTJS的ColumnTree的问题
你现在引用的是ext-all.js
当我们去写extjs的时候一般有问题都会去引用ext-all-dev或者是ext-all-debug方便调试
这两个在官网上都有 你下一个 然后引入 看看具体的错误在哪
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/291642.html
微信扫一扫 
支付宝扫一扫 