ext.js 网格内部手风琴:如何将网格标题设置为手风琴的

Posted

技术标签:

【中文标题】ext.js 网格内部手风琴:如何将网格标题设置为手风琴的【英文标题】:ext.js grid inside accordion: how to set the grid header to the accordion's 【发布时间】:2014-05-21 11:28:24 【问题描述】:

我正在尝试在手风琴面板中创建一个网格。事情是,网格已经有一个标题,所以我得到了 2 个标题,一个在另一个下面。我的目的是在标题中添加排序按钮和过滤搜索框。我只是真的不知道我应该隐藏哪一个,以及如何隐藏..

而且.. 我是 js 和 ext.js 的新手.. 使用 ext.js 4.2.2:

contactListView.js:

Ext.define( 'AcWeb.view.ContactListView',

    extend: 'Ext.grid.Panel',
    xtype: 'contact-list-view',
    requires: [
        'Ext.grid.feature.Grouping'
    ],
    collapsible: true,
    iconCls: 'icon-grid',
    frame: false,
    resizable: false,

    initComponent: function()
    
        this.store = new AcWeb.store.ContactList();
        this.columns = [
        
            text     : 'Contact List',
            width    : '100%',
            sortable : true,
            flex     : 1,
            dataIndex: 'userName'
        ];

        this.callParent();
    ,

);

容器手风琴 - westview.js:

Ext.define('AcWeb.view.WestView', 
    extend: 'Ext.panel.Panel',
    requires: [
        'Ext.layout.container.Accordion',
        'AcWeb.view.ContactListView'

    ],

    xtype: 'west-view',
    layout: 'accordion',
    title: '',
    defaults: 
        bodyPadding: 10
    ,



    initComponent: function() 
        Ext.apply(this, 
            items: [
            
                // preventHeader: true,
                // html: 'david'
                //hidden: true ,
                // title: 'Accordion Item 3',
                xtype: 'contact-list-view'
            , 
                title: 'Accordion Item 3',
                html: 'moshe'
            , 
                title: 'Accordion Item 4',
                html: 'david'
            , 
                title: 'Accordion Item 5',
                html: 'davidmoshe'
            ]
        );

        this.callParent();
    
);

【问题讨论】:

您没有发布任何代码,您希望人们如何提供帮助? 对...我更新了我的问题.. 我添加了手风琴和网格......希望我的问题现在更清楚...... 【参考方案1】:

我建议,从网格中删除“title”属性。

title: 'some title' //remove this

通过这样做,它将删除网格的标题

【讨论】:

【参考方案2】:

尝试从手风琴配置中删除title:''

【讨论】:

不能!手风琴标题似乎充满了一些神圣的目的,比如管理手风琴。它不会用 title:none / title:'' 渲染...【参考方案3】:

这很简单……

要隐藏标题,只需添加:

hideHeaders: true

像魅力一样工作:)

【讨论】:

以上是关于ext.js 网格内部手风琴:如何将网格标题设置为手风琴的的主要内容,如果未能解决你的问题,请参考以下文章

带有复选框列的 Ext JS 网格面板

Ext JS 网格面板高度属性

Ext JS 网格面板复选框被取消选中

如何:在 Ext JS4 中自动调整 GridPanel 列宽 + 读取网格中的所有列值

Ext JS 5 - 将网格面板添加到视口

Ext js - 将网格值传递到下面的选项卡/网格面板