nestedlist的学习

最新推荐文章于 2021-11-08 22:59:34 发布

weixin_30906671

最新推荐文章于 2021-11-08 22:59:34 发布

阅读量100

点赞数

原文链接：http://www.cnblogs.com/qingkong/archive/2013/01/29/2881215.html

版权

      Ext.create('Ext.NestedList', {
            fullscreen: true,
            title: 'src/',
            displayField: 'fileName',
            // add a / for folder nodes in title/back button
            //对头部文本标题的渲染
            getTitleTextTpl: function() {
                return '{' + this.getDisplayField() + '}<tpl if="leaf !== true">/</tpl>';
            },
            // add a / for folder nodes in the list
            //对文本列的渲染
            getItemTextTpl: function() {
                return '{' + this.getDisplayField() + '}<tpl if="leaf !== true">/</tpl>';
            },
            // provide a codebox for each source file
            detailCard: new Example.SourceView(),
            store: store,
            listeners: {
                //根节点的事件处理
                leafitemtap: function(me, list, index, item, e) {
                    var store = list.getStore(),
                        record  = store.getAt(index),
                        detailCard = me.getDetailCard();

                    list.setMasked({
                        xtype: 'loadmask',
                        message: 'Loading'
                    });

                    Ext.Ajax.request({
                        url: 'http://www.cnblogs.com/src/' + record.get('id'),
                        success: function(response) {
                            detailCard.setHtml(response.responseText);
                            list.unmask();
                        },
                        failure: function() {
                            detailCard.setHtml("Loading failed.");
                            list.unmask();
                        }
                    });

                }
            }
        });