?? role.js
字號:
Ext.namespace("CRM.roleLook");
var roleId1;
function showUpdateRoleWin() {
var panel = new rolePanel();
panel.edit();
}
function showDelRoleWin() {
var panel = new rolePanel();
panel.removeData();
}
// 找出所有的權限
var allRightStore = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : "role.do?actionType=dofindAllRightName"
}),
reader : new Ext.data.JsonReader({
root : "allRight"
}, ["rightCode", "rightText"])
})
// 找出該角色有的權限
var hasRightStore = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : "role.do?actionType=dofindRightName"
}),
reader : new Ext.data.JsonReader({
root : "hasRight"
}, ["rightCode", "rightText"])
});
// 找出該用戶沒有的權限
var notRightStore = new Ext.data.Store({
proxy : new Ext.data.HttpProxy({
url : "role.do?actionType=dofindRightName"
}),
reader : new Ext.data.JsonReader({
root : "hasNotRight"
}, ["rightCode", "rightText"])
});
var roleStore = new Ext.data.JsonStore({
url : 'role.do?actionType=doList',
root : "data",
totalProperty : "rowCount",
baseParams : {
roleName : null
},
remoteSort : true,
fields : ["roleId", "roleName", "roleDesc", "roleFlag", "operation"]
});
var roleColm = new Ext.grid.ColumnModel([new Ext.grid.RowNumberer(), {
header : '編號',
sortable : true,
dataIndex : 'roleId',
width : 207
}, {
header : '角色名稱',
sortable : true,
dataIndex : 'roleName',
width : 207
}, {
header : '角色權限',
sortable : true,
dataIndex : 'roleDesc',
width : 350
}, {
header : '操作',
width : 70,
renderer : function() {
var operation = ' '
+ '<img src="images/bt_del.gif" title="刪除" onclick="showDelRoleWin()">';
return operation;
}
}]);
var roleGrid = new Ext.grid.GridPanel({
store : roleStore,
cm : roleColm,
height : 300,
stripeRows : true,
pageSize : 10,
tbar : [{
text : '新建角色',
pressed : true,
handler : function() {
var panel = new rolePanel();
panel.createAddW();
},
scope : this
}, '-', {
text : '分配權限',
pressed : true,
handler : function() {
var panel = new rolePanel();
panel.edit();
}
}, new Ext.Toolbar.Fill(), '角色名稱', {
xtype : 'textfield',
name : 'roleName',
width : 150
}, ' ', {
text : '查詢',
iconCls : 'search',
pressed : true,
handler : function() {
var panel = new rolePanel();
panel.search();
},
scope : this
}, ' '],
bbar : new Ext.PagingToolbar({
pageSize : 10,
store : roleStore,
grid : roleGrid,
displayInfo : true,
displayMsg : '當前顯示 {0} - {1}條記錄 共有 {2} 條記錄',
emptyMsg : "沒有記錄"
})
});
CRM.roleLook.role = Ext.extend(Ext.Panel, {
closable : true,
autoScroll : true,
layout : "fit",
maskDisabled : false,
initAddWin : function(width, title) {
var addWin = new Ext.Window({
width : width,
autoHeight : true,
buttonAlign : "center",
title : title,
modal : true,
closeAction : "hide",
plain : true,
items : [this.fp],
buttons : [{
text : "保存",
handler : this.save,
tooltip : '點擊該按鈕將執行確認操作',
scope : this
}, {
text : "清空",
handler : this.resetAddWin,
scope : this
}, {
text : "取消",
id : 'cancel',
handler : function() {
this.closeAddWin();
},
scope : this
}]
});
return addWin;
},
// 打開新建或編輯窗體
showAddWin : function() {
if (!this.addWin) {
if (!this.fp) {
this.fp = this.createAddForm();
}
this.addWin = this.createAddWin();
this.addWin.on("close", function() {
this.addWin = null;
this.fp = null;
}, this);
}
this.addWin.show();
},
// 重置
resetAddWin : function() {
if (this.addWin)
this.fp.form.reset();
},
createAddW : function() {
this.showAddWin();
this.resetAddWin();
allRightStore.load();
},
// 關閉當前窗口
closeAddWin : function() {
if (this.addWin)
this.addWin.close();
this.addWin = null;
},
// 保存數據
save : function() {
if (this.fp.form.isValid()) {
this.fp.form.submit({
url : this.baseUrl + '?actionType=doSave',
method : 'POST',
waitTitle : '請稍候',
waitMsg : '正在保存......',
success : function(form, action) {
Ext.Msg.alert('系統消息', action.result.msg, function() {
this.closeAddWin();
roleStore.reload();
}, this)
},
failure : function(form, action) {
Ext.Msg.alert('系統消息', action.result.msg);
},
scope : this
});
}
},
// ////////////////////編輯窗口\\\\\\\\\\\\\\\\\\\\\\\\\\\
initEditWin : function(width, title) {
var editWin = new Ext.Window({
width : width,
autoHeight : true,
buttonAlign : "center",
title : title,
modal : true,
closeAction : "hide",
plain : true,
items : [this.fp],
buttons : [{
text : "保存",
handler : this.update,
tooltip : '點擊該按鈕將執行確認操作',
scope : this
}, {
text : "清空",
handler : this.resetEditWin,
scope : this
}, {
text : "取消",
id : 'cancel',
handler : function() {
this.closeEditWin();
},
scope : this
}]
});
return editWin;
},
// 打開新建或編輯窗體
showEditWin : function() {
if (!this.editWin) {
if (!this.fp) {
this.fp = this.createEditForm();
}
this.editWin = this.createEditWin();
this.editWin.on("close", function() {
this.editWin = null;
this.fp = null;
}, this);
}
this.editWin.show();
},
createEditWin : function() {
allRightStore.load();
this.showEditWin();
this.reset();
},
// 重置
resetEditWin : function() {
if (this.editWin)
this.fp.form.reset();
},
// 關閉當前窗口
closeEditWin : function() {
if (this.editWin)
this.editWin.close();
this.editWin = null;
},
// 修改數據
edit : function() {
var record = roleGrid.getSelectionModel().getSelected();
if (record == null) {
Ext.Msg.alert("警告", "請先選擇要分配的角色");
return;
}
roleId1 = record.get('roleId');
notRightStore.load({
params : {
roleId : roleId1
}
});
hasRightStore.load({
params : {
roleId : roleId1
}
});
this.showEditWin();
this.fp.form.loadRecord(record);
},
// 保存數據
update : function() {
if (this.fp.form.isValid()) {
this.fp.form.submit({
url : this.baseUrl + '?actionType=doUpdate',
method : 'POST',
params : {
roleId : roleId1
},
waitTitle : '請稍候',
waitMsg : '正在保存......',
success : function(form, action) {
Ext.Msg.alert('系統消息', action.result.msg, function() {
this.closeEditWin();
roleStore.reload();
}, this)
},
failure : function(form, action) {
Ext.Msg.alert('系統消息', action.result.msg);
},
scope : this
});
}
},
search : function() {
roleStore.baseParams.roleName = Ext.get('roleName').getValue();
roleStore.load({
params : {
start : 0,
limit : 10
}
});
},
// 刪除
removeData : function() {
var record = roleGrid.getSelectionModel().getSelected();
if (!record) {
Ext.Msg.alert("提示", "請先選擇要刪除的行!");
return;
}
Ext.MessageBox.confirm("確認刪除", "確認刪除所選數據？", function(button) {
if (button == "yes") {
Ext.Ajax.request({
url : this.baseUrl + '?actionType=doDel',
params : {
roleId : record.get("roleId")
},
method : 'POST',
success : function(response) {
Ext.Msg.alert("系統消息", response.responseText,
function() {
roleStore.reload();
}, this);
},
scope : this
});
}
}, this);
},
initComponent : function() {
CRM.roleLook.role.superclass.initComponent.call(this);
roleStore.load({
params : {
start : 0,
limit : 10
}
});
this.add(roleGrid);
}
});
var rolePanel = Ext.extend(CRM.roleLook.role, {
id : 'roleLook',
baseUrl : 'role.do',
initComponent : function() {
rolePanel.superclass.initComponent.call(this);
},
createAddForm : function() {
var formPanel = new Ext.form.FormPanel({
labelWidth : 70,
frame : true,
autoHeight : true,
resizable : false,
labelAlign : 'right',
defaultType : 'textfield',
items : [{
name : 'roleName',
width : 300,
fieldLabel : '角色名稱'
}, {
xtype : 'textarea',
name : 'roleDesc',
width : 300,
fieldLabel : '角色描述'
}]
});
return formPanel;
},
createAddWin : function() {
return this.initAddWin(450, '新增角色');
},
createEditForm : function() {
var formPanel = new Ext.form.FormPanel({
labelWidth : 70,
frame : true,
autoHeight : true,
resizable : false,
labelAlign : 'right',
defaultType : 'textfield',
items : [{
xtype : "itemselector",
name : "rightSelector",
// fieldLabel : "分配權限",
hideLabel : true,
fromStore : notRightStore,
toStore : hasRightStore,
msWidth : 200,
autoScroll : true,
msHeight : 250,
displayField : "rightText",
valueField : "rightCode",
switchToFrom : false,
toLegend : '已有權限',
fromLegend : '可選權限'
}]
});
return formPanel;
},
createEditWin : function() {
return this.initEditWin(450, '分配權限');
}
});
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -