包含extjscolumn的词条

更新：2022-11-21 22:53

本文目录一览：

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，方便调试。这两个在官网上都有，你下一个，然后引入，看看具体的错误在哪。