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

Javascript 如何在图标视图中显示extjs 3.4网格,javascript,extjs,Javascript,Extjs,您好,我有列模型中的extjs网格当前我的网格正常显示,现在我想显示行 图标视图中的我的网格行。那我能做些什么呢 我们还可以使用类型为Xtemplate的tbar中的按钮,这样通过将数组传递给Xtemplate构造函数,我们就可以覆盖网格中的Xtemplate。如果是这样的话,那么如何实现呢 你能告诉我吗 datastore = new Ext.data.Store({ // data store ... proxy: new Ext.data.HttpProxy({

您好,我有列模型中的extjs网格当前我的网格正常显示,现在我想显示行 图标视图中的我的网格行。那我能做些什么呢

我们还可以使用类型为Xtemplate的tbar中的按钮,这样通过将数组传递给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,   
    ...
    }
    })
datastore=new Ext.data.Store({//data Store
...
代理:新Ext.data.HttpProxy({
..     
}),
阅读器:新的Ext.data.JsonReader({
...            
])),
}),
var gridtb=new Ext.Toolbar([//工具栏
{
xtype:“tbbutton”,
id:“tb_home”,
图标:'/images/_home.png',
文本:“”,
工具提示:“”,
cls:'x-btn-text-icon',
处理程序:函数(){chDir(“”)}
},
...
var cm=new Ext.grid.ColumnModel({//column model。。
列:[
{
...
css:'空白:正常;'
}
...
})  
var viewport=新的Ext.viewport({//viewport以在中心区域中显示网格。
布局:'边框',
..
项目:[
{             
xtype:“editorgrid”,
地区:“中心”,
标题:“,
autoScroll:是的,
可折叠:错误,
closeOnTab:没错,
id:“网格面板”,
ds:数据存储,
厘米:厘米,
tbar:gridtb,
bbar:gridbb,
...
}
})

什么是图标视图?在wondows(e.q.Xp)中排列文件夹时,您想做什么然后你可以按列表排列文件夹、DATILS、BUBBAL、图标等等。所以现在我的网格出现在行视图中,我想如果我点击按钮,然后所有的行都应该用缩略图显示在图标上。以
var dataview=new Ext.dataview({
是如何将
store
数据呈现为图标的代码块。