Ext_accordion动态数据删除测试

Ext_accordion动态数据删除测试

 Ext.onReady(function () {

    Ext.tip.QuickTipManager.init();

    var accordion = Ext.create('Ext.panel.Panel', {
        title: 'sysUpdate',
        width: 500,
        height: 600,
        defaults: {
            // applied to each contained panel
            bodyStyle: 'padding:15px'
        },
        layout: {
            // layout-specific configs go here
            type: 'accordion',
            titleCollapse: false,
            animate: true,
            //activeOnTop: true
        },
        split: false,
        items: [],
        renderTo: Ext.getBody(),
        afterlisteners: function () {
            alert('sss');
        }
    });

    //数据添加
    function adddynamicData() {

        //1.1.一次性加载,效率高
        var dynamicDatas=[
            {
                title: 'Panel 1',
                html: '<h1>Panel content!</h1>'
            },{
                title: 'Panel 2',
                html: 'Panel content!'
            },{
                title: 'Panel 3',
                html: 'Panel content!'
            },{
                title: 'Panel 4',
                html: 'Panel content!'
            }
        ];
        accordion.add(dynamicDatas);

        //1.1.串行加载,效率低
        //accordion.add({
        //    title: 'Panel 1',
        //    html: '<h1>Panel content!</h1>'
        //});
        //accordion.add({
        //    title: 'Panel 2',
        //    html: 'Panel content!'
        //});
        //accordion.add({
        //    title: 'Panel 3',
        //    html: 'Panel content!'
        //});

        //2.更新
        accordion.doLayout();
    };

    //数据删除
    function removeDynamicData() {
        //var items = accordion.items;  //注意:这是数据项的上一级

        var itemsLength=accordion.items.items.length;
        for (var i = 0; i < itemsLength; i++) {
            //注意:每次都是删除第一个
            accordion.remove(accordion.items.items[0]);
        }
    }
    adddynamicData();
    removeDynamicData();
});