?? roomtypemanage.js
字號(hào):
?///<reference path="../../JS/ext.js" />
var RoomTypestore;
RoomTypeManage=function(node){
//分頁每頁顯示數(shù)量
var pageSize = 16;
//指定列參數(shù)
var fields = ["typeid","typename","typeprice","typeaddbed","addbed","typedesc"];
RoomTypestore = new Ext.data.Store({
proxy:new Ext.data.HttpProxy(
{
url:"DATA/RoomType/RoomType.aspx",
method:"POST"
}),
reader:new Ext.data.JsonReader(
{
fields:fields,
root:"data",
id:"typeid",
totalProperty:"totalCount"
})
});
//加載時(shí)參數(shù)
RoomTypestore.load({params:{start:0,limit:pageSize}});
//--------------------------------------------------列選擇模式
var sm = new Ext.grid.CheckboxSelectionModel({
dataIndex:"typeid"
});
//--------------------------------------------------列頭
var cm = new Ext.grid.ColumnModel([
sm,{
header:"類型ID",
dataIndex:"typeid",
tooltip:"房間類型ID",
//列不可操作
//menuDisabled:true,
//可以進(jìn)行排序
sortable:true
},{
header:"房間類型名稱",
tooltip:"房間類型名稱",
dataIndex:"typename",
//可以進(jìn)行排序
sortable:true
},{
header:"房間價(jià)格",
tooltip:"房間類型價(jià)格",
dataIndex:"typeprice",
//可以進(jìn)行排序
sortable:true
},{
header:"加床",
tooltip:"該房間是否可以加床",
dataIndex:"typeaddbed",
//可以進(jìn)行排序
sortable:true
},{
header:"加床價(jià)格",
tooltip:"該房間可加床時(shí)的價(jià)格",
dataIndex:"addbed",
//可以進(jìn)行排序
sortable:true
},{
header:"房間描述",
tooltip:"房間相關(guān)描述內(nèi)容",
dataIndex:"typedesc",
//可以進(jìn)行排序
sortable:true
}]);
//-----------------------------------------------------設(shè)置顏色
cm.setRenderer(5,getColor);
cm.setRenderer(3,getColor);
function getColor(val)
{
if (val != "")
{
return '<font color=blue></font><span style="color:red;">' + Ext.util.Format.usMoney(val) + '</span>';
}
}
//右鍵菜單
var RoomTypeRightClick=new Ext.menu.Menu
({
items:
[{
text: '添加房間類型',
iconCls:'addicon',
handler:AddRoomTypeFn
},{
text:'編輯房間類型',
iconCls:'editicon',
handler:EditRoomTypeFn
},{
text:'刪除房間類型',
iconCls:'deleteicon',
handler:DeleteRoomTypeFn
}]
});
//----------------------------------------------------定義grid
var grid = new Ext.grid.GridPanel({
id:"RoomTypeGrid",
store:RoomTypestore,
sm:sm,
cm:cm,
loadMask:true,
//自適應(yīng)寬度 參數(shù)為列數(shù)
autoExpandColumn:6,
//超過長度帶自動(dòng)滾動(dòng)條
autoScroll:true,
border:false,
viewConfig:{
columnsText:"顯示/隱藏列",
sortAscText:"正序排列",
sortDescText:"倒序排列"
},
//分頁
bbar:new Ext.PagingToolbar({
store:RoomTypestore,
pageSize:pageSize,
//顯示右下角信息
displayInfo:true,
displayMsg:'當(dāng)前記錄 {0} -- {1} 條 共 {2} 條記錄',
emptyMsg:"No results to display",
prevText:"上一頁",
nextText:"下一頁",
refreshText:"刷新",
lastText:"最后頁",
firstText:"第一頁",
beforePageText:"當(dāng)前頁",
afterPageText:"共{0}頁"
}),
tbar:[
new Ext.Toolbar.Fill()
,{
text:"添加",
//默認(rèn)樣式為按下
//pressed:true,
tooltip:"添加房間類型",
iconCls:"addicon",
handler:AddRoomTypeFn
},"","-","",{
text:"編輯",
tooltip:"編輯房間類型",
iconCls:"editicon",
handler:EditRoomTypeFn
},"","-","",{
text:"刪除",
tooltip:"刪除房類型",
iconCls:"deleteicon",
handler:DeleteRoomTypeFn
},"-"],listeners:{
'contextmenu':function(e)
{
e.stopEvent();
},
'rowcontextmenu':function(grid,rowIndex,e)
{
e.stopEvent();
RoomTypeRightClick.showAt(e.getXY());
}
}
});
//傳入icon樣式
GridMain(node,grid,"roomtypeicon");
};
//---------------------------------------------------------刪除選中行房間信息
DeleteRoomTypeFn=function()
{
//得行單個(gè)record對(duì)象
//var row=Ext.getCmp("RoomTypeGrid").getSelectionModel().getSelected();
//得到多個(gè)record對(duì)象
var row=Ext.getCmp("RoomTypeGrid").getSelectionModel().getSelections();
if(row.length==0)
{
Ext.Msg.alert("提示信息","請(qǐng)您至少選擇一個(gè)!");
}
else{
Ext.Msg.confirm("提示!","您確定要?jiǎng)h除該房間類型信息嗎?",function(btn){
if(btn=="yes")
{
DeleteRoomTypeInfo(row);
}
else
{
}
})
}
}
//-----------------------------------------------------修改選中行房間類型信息
EditRoomTypeFn=function()
{
var row=Ext.getCmp("RoomTypeGrid").getSelectionModel().getSelections();
if(row.length==0)
{
Ext.Msg.alert("提示信息","您沒有選中任何行!");
}
else if(row.length>1){
Ext.Msg.alert("提示信息","對(duì)不起只能選擇一個(gè)!");
}else if(row.length==1)
{
//調(diào)用修改房間類型函數(shù)
//EditRoomTypeInfo(row[0].data.typeid);//傳入ID查數(shù)據(jù)庫
EditRoomTypeInfo(row[0]);//傳行一行記錄直接加載
}
}
//------------------------------------------------------增加房間信息
AddRoomTypeFn=function()
{
AddRoomTypeInfo();
}
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號(hào)
Ctrl + =
減小字號(hào)
Ctrl + -