extjs grid資料載入

2021-07-09 08:27:38 字數 2126 閱讀 5463

1、grid並沒提供直接載入物件和物件陣列的方法,但是可以通過其他的方式實現,所以我這裡寫了乙個實現這樣功能的方法arr2grid(即供參考)。grid只依賴乙個store,所以受限,方法arr2grid,可以解決這個問題。

2、store配置autoload和使用load方法,都可以載入資料到store,grid依賴store,從而資料也就載入到grid上,本事例只是jsonp跨域載入store的事例。同樣的ajax的方式也是可以的。

ext.onready(function

() ,,,

]},proxy:

}});

mygrid = ext.create('ext.grid.panel', )

],columns: [,},

],height: 200,

width: 400,

renderto: ext.getbody()

});mygrid.store.sort([

,]);

//obj ---> grid

var obj = ;

obj2grid(obj,mygrid);

//arr ---> grid

var arr =[,];

arr2grid(arr,mygrid);

//*選擇一行後*複製到控制台,才能看到效果

var arr = selection2arr(mygrid)

logger.printfarr(arr);

//--------------------grid_store_jsonp_autoload--------------------------

var mystore = ext.create('ext.data.store',

},autoload:true,

});mystore.on(

})//--------------------grid_store_jsonp_load------------------------

//都差不多,不多寫了

}) //grid(selection) --> arr

function

selection2arr

(gird))

return arr;

}//arr --> grid : void

function

arr2grid

(arr,grid))

}//obj --> grid : void

function

obj2grid

(obj,grid));

var objkeyarr = ext.object.getkeys(obj);

var o = {};

ext.each(objkeyarr,function

(item)

});grid.store.add(o);

var items = grid.store.data.items;

ext.each(items,function

(item))

}//model--->arr:arr

function

modelarr2arr

(modelarr)

})return arr;

}//記錄器

ext.define('logger', ,

error : function

(msg) ,

printferror : function

(msg) ,

printf : function

(msg) ,

printf2 : function

(val, msg) ,

printfobj : function

(obj) )

}if (s)

this.printf(s);

},printfarr : function

(arr) )

}});

this.printf(s ? s : arr)

}});

grid.json:

ext.data.jsonp.callback1(,,

,]

});

ExtJS Grid 按條件載入資料

var startdate new date format y m d var enddate new date add date.day,7 format y m d var store new ext.data.store reader new ext.data.jsonreader liste...

ExtJs grid單選,多選

一 seltype checkboxmodel singleselect true,單選 multiselect true,多選 singleselects edit 表示只有選擇一行記錄時edit才可點選,其他情況被禁用,edit表示按鈕的id multiselects delete 表示當選擇一...

extjs grid 不顯示表頭

extjs grid 不顯示表頭 搞了一下午,grid就是不顯示表頭。最後,終於發現原因。記錄下,自己學習extjs的歷程。為了美觀,開始我讓div 居中,使grid居中。但把居中去掉就ok,有表頭。原來 一 把頁面中 去掉 url到的頁面也不允許有 二 在上邊是不可以讓td,或div 為 alig...