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...