包含extjscolumn的詞條

本文目錄一覽：

• 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方便調試

這兩個在官網上都有 你下一個 然後引入 看看具體的錯誤在哪