Ext 中 new Ext.DataView 问题


function () {
this.store = new Ext.data.JsonStore({url:__ctxPath + "/info/listAppTips.do", root:"result", totalProperty:"totalCounts", remoteSort:true, fields:[{name:"tipsId", type:"int"}, "userId", "tipsName", "content", "disheight", "diswidth", "disleft", "distop", "dislevel", "createTime"]});
this.store.setDefaultSort("tipsId", "asc");
this.store.load({params:{start:0, limit:1000}});
this.store.on("load", function (b) {
this.store = b;
if (this.store.getCount() < 1) {
var a = {tipsId:-2, tipsName:"initDate", content:"", diswidth:0, disheight:0, disleft:0, distop:0, dislevel:0};
var c = new this.store.recordType(a);
this.store.add(c);
}
alert(this.store.getCount());
this.dataView = new Ext.DataView({id:"dataView", autoScroll:false, store:this.store, itemSelector:"div.thumb-wrap", multiSelect:false, singleSelect:true, overClass:"setDiv",
    plugins:[new Ext.DataView.LabelEditor({dataIndex:"content"})], 
    tpl:new Ext.XTemplate("<div id=\"basicDiv\" style=\"width:100%;overflow:hidden;height:100%;\">", 
        "<div id=\"inputDiv\" style=\"position: absolute;width:100%;height:100%;\"></div>",
                          "<tpl for=\".\">", 
                          "<div id={tipsName} class=\"thumb-wrap tipDiv\" style=\"width:{diswidth}px;height:{disheight}px;left:{disleft}px;top:{distop}px;z-index:{dislevel};\"><span id={tipsName}a class=\"x-linkdel\"><button class=\"tipsClose\" value=\"\" onclick=\"PersonalTipsView.deleteTips({tipsId});\" title=\"删除\"></button></span><span class=\"x-editable\">{content}</span><span class=\"x-timelabel\">{createTime}</span></div>", "</tpl>", "</div>"), 
                          scope:this, listeners:{scope:this, "mouseenter":{fn:this.mouseenter, scope:this}, "mouseleave":{fn:this.mouseleave, scope:this},
                          "click":{fn:this.clickView, scope:this}, "afterrender":{fn:this.afterrender, scope:this}}});
this.removeAll(true);
this.add(this.dataView);
this.doLayout();
}, this);
},以上代码 后台可以得到数据，但是前台报 
显示的时候报this.el is null 的错误
请高手帮忙解决