ext 2.0 gridpanel实例2

Ext.onReady(function(){
//format the display data
var formatcustomer = function(value, cellmeta, record, rowIndex){
return record.data['cangdiancode']+'-'+record.data['cangdianname'];
}
function renderswsdateship(value, p, record){
value=formatDateStr(value);
return String.format('{0}', value, record.data['excerpt']);
};
function formatDateStr(date)
{
try{
var str="";
str=date.getFullYear()+"-";
str+=(((date.getMonth()+1)>=10)? (date.getMonth()+1):"0"+(date.getMonth()+1))+"-";
str+=(date.getDate()>=10)? date.getDate():"0"+date.getDate();
str+=" ";
str+=((date.getHours()>=10)? date.getHours():"0"+date.getHours())+":";
str+=((date.getMinutes()>=10)? date.getMinutes():"0"+date.getMinutes())+":";
str+=(date.getSeconds()>=10)? date.getSeconds():"0"+date.getSeconds();
return str;
}catch(e){
throw e;
}
}

function formatdatestring(value){
return value.substring(0,10);
}
var formatstatus = function(value){
if(value=="1")
return "未啟用";
if(value=="2")
return "已啟用";
if(value=="3")
return "禁用";
}
function renderoperate(value, cellmeta, record, rowIndex, columnIndex, store) {
//Ext.Msg.alert("msg",record.data['swsNbr']);
//var str = "<input type='button' value='查看详细信息' onclick='alert(\"" +
// "这个单元格的值是：" + value + "\\n" +
//"这个单元格的配置是：{cellId:" + cellmeta.cellId + ",id:" + cellmeta.id + ",css:" + cellmeta.css + "}\\n" +
//"这个单元格对应行的record是：" + record + "，一行的数据都在里边\\n" +
//"这是第" + rowIndex + "行\\n" +
//"这是第" + columnIndex + "列\\n" +
// "这个表格对应的Ext.data.Store在这里：" + store + "，随便用吧。" +
// "\")'>";
var str = "<a href=\"javascript:View_Search('"+record.data['swsNbr']+"')\"><img src='../images/custom/search.gif' width='15' height='13' border='0' alt='View'></a>";
str= str+"  <a href='#' onClick=\"printURI1('/inc/print_select1.jsp?URI=/Inventory/inventory_in_print.jsp?swsnbr="+record.data['swsNbr']+"')\"><img src='../images/custom/print.gif' width='13' height='14' border='0' alt='Print'></a> ";
return str;
}

//--------------------------start----------------------------
var storeParams = {
params : {
start : 0,
limit : 10
}
};
var sm = new Ext.grid.CheckboxSelectionModel();
// Process grid start
var cm = new Ext.grid.ColumnModel(
[sm, {
header : "序號",
width : 50,
renderer:function(value, cellmeta, record, rowIndex){
return rowIndex + 1;
},
align : 'center'
}, {
id : 'cangdiancode',
header : "倉點編號",
width : 100,
dataIndex : 'cangdiancode',
align : 'right'
}, {
header : "倉點名稱",
width : 120,
dataIndex : 'cangdianname',
align : 'center'
},
{
header : "所屬客戶",
width : 150,
dataIndex : 'custname',
renderer: formatcustomer,
align : 'center'
},
{
header : "啟用日期",
width : 100,
dataIndex : 'createdate',
//renderer:renderswsdateship,
renderer:formatdatestring,
align : 'center'
}, {
header : "負責人",
width : 75,
dataIndex : 'chargeman',
align : 'center'
}, {
header : "目前狀態",
width : 100,
dataIndex : 'status',
renderer:formatstatus,
align : 'center'
}]
);
var processreader = new Ext.data.JsonReader({
totalProperty : "totalSize",
root : "data"
}, Ext.data.Record.create([{
name : "cangdiancode",
type : "string"
}, {
name : "cangdianname",
type : "string"
}, {
name : "custname",
type : "string"
}, {
name : "createdate",
type: 'string'
}, {
name : "chargeman",
type : "string"
}, {
name : "status",
type : "string"
}]));

var processproxy = new Ext.data.HttpProxy({
url : '../cangdianList.action'
});

var processstore = new Ext.data.Store({
proxy : processproxy,
reader : processreader
});

var pagingBar = new Ext.PagingToolbar({
pageSize : 10,
store : processstore,
displayInfo : true,
displayMsg : '显示记录 {0} - {1} of {2}',
emptyMsg : "没有记录",
items : ['-']
});



var processgrid = new Ext.grid.GridPanel({
id : 'processPanel',
el:'mygrid',
store : processstore,
cm : cm,
sm : sm,
//title : '流程列表',
//region : 'center',
autoExpandColumn : 'cangdiancode',
//stripeRows : true,
bbar : pagingBar
});
processgrid.render();//不可以在gridpanel中renderTo,数据会看不见的,要用grid.render()
processstore.load(storeParams);

});
//其中返回的JsonResult是类似如下的字符串
{totalSize:8,data:[{cangdiancode:'VMI-052-001',cangdianname:'仓点52',custname:'052',createdate:'2009-05-06
00:00:00.0',chargeman:'Samsung HK',status:'2'},{cangdiancode:'VMI-006-001',cangdianname:'Eurocir VMI
倉點 ',custname:'006',createdate:'2009-04-24 00:00:00.0',chargeman:'Eurocir',status:'1'},{cangdiancode
:'VMI-005-001',cangdianname:'仓点四',custname:'005',createdate:'2009-04-28 00:00:00.0',chargeman:'LGEHZ_AUD'
,status:'2'},{cangdiancode:'VMI-004-001',cangdianname:'004-001 ',custname:'004',createdate:'1900-01-01
00:00:00.0',chargeman:'LGEHZ_CDR',status:'2'},{cangdiancode:'VMI-003-001',cangdianname:'仓点三 ',custname
:'003',createdate:'2009-04-28 00:00:00.0',chargeman:'Vtech',status:'2'},{cangdiancode:'VMI-002-001',cangdianname
:'TEST',custname:'002',createdate:'2009-04-28 00:00:00.0',chargeman:'UPI',status:'2'},{cangdiancode:'VMI-001-002'
,cangdianname:'仓点二 ',custname:'001',createdate:'2009-04-28 00:00:00.0',chargeman:'Uniden',status:'3'
},{cangdiancode:'VMI-001-001',cangdianname:'仓点一',custname:'001',createdate:'2009-04-28 00:00:00.0',chargeman
:'Uniden',status:'2'}]}