我的Ext Grid例子一
MsgSendPanel=function(){
var panel=this;
var path=getPath();
var data=["测试短信发送。。","2010-08-12 15:36:21.0", "sa", "0", "1","21", "65", "13533445332", "总部", "001"];
//数据信息
var datastore=new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : path+'/MessageServlet?tstate=querymessage'
}),
reader : new Ext.data.JsonReader({
root : 'list',
totalProperty : 'rowcount',
fields:["message","stamp","username","state","messagetype","userid",
"mid","call_no","corp_name","corp_no"]
})
});
datastore.load({params: {start:0,limit:10}});
//数据显示
var dataGrid=new Ext.grid.GridPanel({
tbar: ['<b style="color:#15428B">[已发送信息」</b>', '->'],
border:false,
layout : 'fit',
autoScroll : true,
trackMouseOver : true,
border : false,
viewConfig : {
forceFit : true,
enableRowBody : true
},
store: datastore,
cm: new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(), //自动行号
{header: '短信内容',id:'message', dataIndex: 'message'},
{header: '发送时间', dataIndex: 'stamp',width:90},
{header: '发送人', dataIndex: 'username',width: 90},
{header: '短信ID', dataIndex: 'mid',width:90,hidden:true},
{header: '短信类型', dataIndex: 'messagetype',width: 90,renderer: renderTopic},
{header: '用户ID', hidden:true, dataIndex: 'userid',width: 90},
{header: '机构名称', dataIndex: 'corp_name',width: 90},
{header: '手机号码', dataIndex: 'call_no',width: 90},
{header: '所属机构', hidden:true, dataIndex: 'corp_no',width: 90},
{header: '是否成功', dataIndex: 'state',width: 90}
]),
sm: new Ext.grid.RowSelectionModel({singleSelect:true})
,bbar:new Ext.PagingToolbar({
pageSize: 10,
displayInfo: true,
store: datastore,
displayInfo: true,
displayMsg: '当前显示 {0} - {1}条记录 共 {2} 记录',
emptyMsg: "没有任何记录"
})
,listeners:{
'rowdblclick': function(grid, row){
}
}
});
//中间数据
var centerPanel = new Ext.Panel({
border:false,
layout:'fit',
region:"center",
items:[dataGrid]
});
//开始日期
var dateStart = new Ext.form.DateField({
fieldLabel: '开始时间',
format: 'Y-m-d H:i:s',
width: 120,
value : new Date(),
allowBlank: false
});
//结束日期
var dateEnd = new Ext.form.DateField({
fieldLabel: '结束时间',
format: 'Y-m-d H:i:s',
width: 120,
value : new Date(),
allowBlank: false
});
//查询按钮
var searchBtn = new Ext.Button({
text : '查 询',
handler:function(){
if(!querPanel.getForm().isValid())
{
return ;
}
datastore.load({params: {start:0,limit:10}});
dataGrid.getStore().reload();
}
});
//短信数据查询
var queryPanel = new Ext.form.FormPanel({
region: "center",
border:false,
height: 10,
width: 700,
frame: true,
labelSeparator: ':',
labelWidth: 60,
labelAlign: 'right',
layout : 'table',
layoutConfig : {
columns : 3
},
items:[{
layout:"form",
items:[dateStart]
},{
layout:"form",
items:[dateEnd]
},{
layout : 'table',
items : [{html:'<pre> </pre>'},searchBtn]
}]
});
//短信数据查询
var searchinfo=new Ext.Panel({
title:"短信查询",
border:false,
layout:'fit',
region:"north",
height:70,
width:700,
items:[queryPanel]
});
MsgSendPanel.superclass.constructor.call(this,{
layout : 'border',
width : 780,
height : 400,
border : true,
items:[searchinfo,centerPanel]
});
}
Ext.extend(MsgSendPanel, Ext.Panel);
//获得链接地址
function getPath() {
var location = document.location.toString();
var temp=location;
var contextPath = "";
if(location.indexOf("://") != -1) {
contextPath += location.substring(0, location.indexOf("//") + 2);
location = location.substring(location.indexOf("//") + 2, location.length);
}
var index = location.indexOf("/");
contextPath += location.substring(0, index+1);
location = location.substring(index+1);
index = location.indexOf("/");
contextPath += location.substring(0, index+1);
return contextPath;
}
//修改信息类型
function renderTopic(value, p, record){
if(value=="1") value="短信"
if(value=="0") value="指令";
return value;
}