Sencha应用程序中可折叠面板出错

时间:2015-11-24 07:07:55

标签: extjs sencha-touch sencha-touch-2

我是Sencha的新人。我尝试在应用程序页面中添加动态可折叠面板,我需要在可折叠面板中显示标题和信息中的数据,但它没有显示任何数据甚至没有显示任何错误。我很困惑我做错了什么,请帮助我。

var doc = document.implementation.createDocument(null, null, null);
var node = doc.createElement('A');

node.baseURI; // Edge workaround http://stackoverflow.com/q/33887400/823663

doc.evaluate('B', node, doc.createNSResolver(doc), 9, null);

1 个答案:

答案 0 :(得分:0)

容器没有config属性。您必须将items数组设置为容器而不是config属性。

代码如下所示。

Ext.define('myapp.view.applications.DetailSummarySection', {
    extend: 'Ext.Container',
    xtype: 'applications_detailsummarysection',
    emptyText: 'No data found',
    appId: null,
    items: [{
        itemId: 'details_summary',
        tpl: Ext.create('Ext.XTemplate',
            '<tpl for="details">',
            //....................
            '</tpl>'
        )
    }, {
        xtype: 'formpanel',
        collapsible: true,
        collapsed: true,
        layout: 'hbox',
        bodyPadding: 10,
        title: 'Dates',
        items: [{
            xtype: 'textfield',
            name: 'name',
            label: 'Name'
        }]
    }, {
        xtype: 'toolbar',
        itemId: 'popup_bar',
        docked: 'bottom',
        border: '0px',
        height: '54px',
        style: {
            'background-color': '#1E94C0'
        },

        defaults: {
            flex: 1,
            height: '48px',
            padding: '0 0 0 0',
            style: {
                'line-height': '10px',
                'margin': '3px 0 0 0 ',
                'border-radius': '0px',
                'color': '#ffffff',
                'background-color': 'transparent',
                'border': '0px'
            }
        },
        items: [{
            text: 'Comments',
            itemId: 'notes',
            cls: 'pop-btn',
            iconCls: 'action',
            iconAlign: 'top'
        }, {
            text: 'Feedback',
            itemId: 'feedBackBtn',
            cls: 'pop-btn',
            iconCls: 'star',
            iconAlign: 'top'
        }, {
            text: 'CVS',
            itemId: 'cv',
            cls: 'pop-btn',
            iconCls: 'compose',
            iconAlign: 'top'
        }, {
            text: 'Reject',
            cls: 'pop-btn',
            itemId: 'rejectBtn',
            iconAlign: 'top',
            iconCls: 'trash'
        }, {
            text: 'Reject',
            cls: 'pop-btn',
            itemId: 'rejectCvSpecBtn',
            hidden: true,
            iconAlign: 'top',
            iconCls: 'trash'

        }]
    }]
});