如何在图标视图中显示extjs 3.4网格

时间:2014-01-09 13:04:20

标签: javascript extjs

嗨我在列模型中有extjs网格,目前我的网格正常显示现在我要显示的行 我的网格图标视图中的行。 。那我该怎么办呢?

我们也可以在tbar中使用Xtemplate类型的按钮,所以通过将数组传递给Xtemplate构造函数,我们可以在网格中覆盖Xtemplate。如果是,那么如何做到这一点?

你能告诉我吗?

    datastore = new Ext.data.Store({  // data store
    ...
    proxy: new Ext.data.HttpProxy({
    ..     
    }),
    reader: new Ext.data.JsonReader({
    ...            
    ])),
    }),

    var gridtb = new Ext.Toolbar([  // Tool bar
    {
    xtype: "tbbutton",
    id: 'tb_home',
    icon: '<?php echo _EXT_URL ?>/images/_home.png',
    text: '<?php echo ext_Lang::msg('homelink', true ) ?>',
    tooltip: '<?php echo ext_Lang::msg('homelink', true ) ?>',
    cls:'x-btn-text-icon',
    handler: function() { chDir('') }
    },
    ...

    var cm = new Ext.grid.ColumnModel({   // Colum model..
    columns: [  
            {
               ...
               css: 'white-space:normal;'
            }
            ...
    })  

    var viewport = new Ext.Viewport({            //Viewport to display  grid. . in centre region . .
    layout:'border',
    ..
    items: [
    {             
    xtype: "editorgrid",
    region: "center",
    title: "<?php echo ext_lang::msg("actdir", true ) ?>",
    autoScroll:true,
    collapsible: false,
    closeOnTab: true,
    id: "gridpanel",
    ds: datastore,
    cm: cm,
    tbar: gridtb,
    bbar: gridbb,   
    ...
    }
    })

0 个答案:

没有答案