ext.js
Emice.HolidayMaintain = function(){
var dlg, opt, mask, waitTimer;
var bodyEl, msgEl, frameEl;
var buttons, bwidth;
var partTemplate;
var btnNew, btnDelete;
var tblParts, partRow;
var holidayListDiv,newHolidayDiv;
// private
var handleButton = function(button){
dlg.hide();
Ext.callback(opt.fn, opt.scope||window, [button, ''], 1);
};
// private
var handleHide = function(){
if(opt && opt.cls){
dlg.el.removeClass(opt.cls);
}
if(waitTimer){
Ext.TaskMgr.stop(waitTimer);
waitTimer = null;
}
};
var get = function(id,root){
if(!root){
root=bodyEl.dom
}
return Ext.DomQuery.select('#'+id,root)[0];
};
// private
var updateButtons = function(b){
var width = 0;
if(!b){
buttons["ok"].hide();
buttons["cancel"].hide();
dlg.footer.dom.style.display = 'none';
return width;
}
dlg.footer.dom.style.display = '';
for(var k in buttons){
if(typeof buttons[k] != "function"){
if(b[k]){
buttons[k].show();
//buttons[k].disabled=true;
buttons[k].setText(typeof b[k] == "string" ? b[k] : Emice.HolidayMaintain.buttonText[k]);
width += buttons[k].el.getWidth()+15;
}else{
buttons[k].hide();
}
}
}
return width;
};
// private
var handleEsc = function(d, k, e){
if(opt && opt.closable !== false){
dlg.hide();
}
if(e){
e.stopEvent();
}
};
return {
/**
* Returns a reference to the underlying {@link Ext.BasicDialog} element
* @return {Ext.BasicDialog} The BasicDialog element
*/
getDialog : function(){
if(!dlg){
dlg = new Ext.BasicDialog("x-msg-box", {
title: opt.holidayDate,
autoCreate : true,
shadow: true,
draggable: true,
proxyDrag: false,
closable: false,
resizable:false,
constraintoviewport:false,
fixedcenter:true,
collapsible : false,
shim:true,
modal: true,
width:400,
height:100,
buttonAlign:"center",
closeClick : function(){
if(opt && opt.buttons && opt.buttons.no && !opt.buttons.cancel){
handleButton("no");
}else{
handleButton("cancel");
}
}
});
dlg.on("hide", handleHide);
mask = dlg.mask;
dlg.addKeyListener(27, handleEsc);
buttons = {};
var bt = this.buttonText;
buttons["ok"] = dlg.addButton(bt["ok"], handleButton.createCallback("ok"));
buttons["cancel"] = dlg.addButton(bt["cancel"], handleButton.createCallback("cancel"));
//disable
buttons["ok"].disable();
//buttons["cancel"].show();
bodyEl = dlg.body.createChild({
html:'<div class="ext-mb-text" id="_part_template" style="background:white;border: 1px solid #6593CF;height:130px"><span id="_temp"></span></div>'
});
partTemplate = bodyEl.dom.firstChild;
}
return dlg;
},
/**
* Returns true if the message box is currently displayed
* @return {Boolean} True if the message box is visible, else false
*/
isVisible : function(){
return dlg && dlg.isVisible();
},
/**
* Hides the message box if it is displayed
*/
hide : function(){
if(this.isVisible()){
dlg.hide();
}
},
getxx : function(id,root){
if(!root){
root=Emice.HolidayMaintain.getDialog().body.dom;
}
return Ext.DomQuery.select('#'+id,root)[0];
},
updateSize : function(){
if(!dlg.isVisible() && !opt.width){
dlg.resizeTo(this.maxWidth, 100); // resize first so content is never clipped from previous shows
}
var w = Math.max(Math.min(opt.width || partTemplate.offsetWidth, this.maxWidth),
Math.max(opt.minWidth || this.minWidth, bwidth));
if(dlg.isVisible()){
dlg.fixedcenter = false;
}
if(!w){
w = 1;
}
dlg.setContentSize(w, bodyEl.getHeight());
if(dlg.isVisible()){
dlg.fixedcenter = true;
}
return this;
},
innerOkHandler : function(el,trueOkHandler){
return function(){
try{
Emice.HolidayMaintain.hide();
if(trueOkHandler){
trueOkHandler();
}
}catch(e){
alert("Edit part error: " + e.message);
}
}
},
innerCancelHandler : function(el,trueCancelHandler){
return function(){
Emice.HolidayMaintain.hide();
if(trueCancelHandler){
trueCancelHandler();
}
}
},
//////////////////////////////////////////////////////////////////////////
loadTemplate:function(oElement, bSuccess){
if(!bSuccess){
return;
}
Emice.HolidayMaintain.trueLoadTemplate();
},
trueLoadTemplate:function(){
Ext.get("_name").dom.value = opt.name;
Ext.get("_remarks").dom.value = opt.remarks;
var d = Emice.HolidayMaintain.getDialog();
//Emice.HolidayMaintain.fillHolidays(opt.holidays);
bwidth = updateButtons(Emice.HolidayMaintain.OKCANCEL);
buttons["ok"].setHandler(Emice.HolidayMaintain.update);
//buttons["cancel"].setHandler(Emice.HolidayMaintain.innerCancelHandler(opt.field,opt.cancelHandler));
dlg.setDefaultButton(buttons["cancel"]);
//Ext.get(partRow).setVisible(false);
newHolidayDiv = get("_new_holiday_div",partTemplate);
//Ext.get(newHolidayDiv).mask();
Ext.get(newHolidayDiv).setDisplayed(false);
//chooseRadio = Ext.get("_choose");
//newHolidayRadio = Ext.get("_newholiday");
editHolidayRadio = Ext.get("_editholiday");
deleteHolidayRadio = Ext.get("_deleteholiday");
//newHolidayRadio.on('click',function(){
//buttons["ok"].setHandler(Emice.HolidayMaintain.save);
//Ext.get(holidayListDiv).mask();
//Ext.get(holidayListDiv).setDisplayed(false);
//Ext.get(newHolidayDiv).unmask();
//Ext.get(newHolidayDiv).setDisplayed(true);
//});
editHolidayRadio.on('click',function(){
buttons["ok"].setHandler(Emice.HolidayMaintain.update);
//Ext.get(holidayListDiv).mask();
//Ext.get(holidayListDiv).setDisplayed(false);
//Ext.get(newHolidayDiv).unmask();
Ext.get(newHolidayDiv).setDisplayed(true);
});
deleteHolidayRadio.on('click',function(){
buttons["ok"].setHandler(Emice.HolidayMaintain.deleteMe);
//Ext.get(holidayListDiv).mask();
//Ext.get(holidayListDiv).setDisplayed(false);
//Ext.get(newHolidayDiv).mask();
Ext.get(newHolidayDiv).setDisplayed(false);
});
Emice.HolidayMaintain.updateSize();
d.mask = opt.modal !== false ? mask : false;
if(!d.isVisible()){
// force it to the end of the z-index stack so it gets a cursor in FF
document.body.appendChild(dlg.el.dom);
d.animateTarget = null;
d.show();
}
Emice.HolidayMaintain.onReady();
Ext.get(newHolidayDiv).setDisplayed(true);
this.multipleLanguages();
},
multipleLanguages : function(){
Ext.get("_edit_holiday_text").dom.innerHTML =opt.msg_edit;
//Ext.get("_new_holiday_text").dom.innerHTML ='New';
Ext.get("_delete_text").dom.innerHTML =opt.msg_delete;
Ext.get("name").dom.innerHTML =opt.msg_holidayName;
Ext.get("remarks").dom.innerHTML =opt.msg_disc;
},
show : function(options){
opt = options;
if(this.isVisible()){
this.hide();
}
var d = this.getDialog();
d.setTitle(opt.holidayDate);
this.initDialog();
Ext.get(partTemplate).load({
url: opt.url ,
callback: this.loadTemplate,
text: ''
});
},
initDialog: function(){
partTemplate.innerHTML = "";
},
onReady : function(){
buttons["ok"].enable();
},
/*fillHolidays: function(obj){
//alert(obj.length);
var index = 0;
for(var i=0;i<obj.length;i++){
var name = obj[i].name;
var key = obj[i].id;
var option = new Option(name,key);
option.title=name;
Ext.get("_holidaylist").dom.options[i] = option;
}
*/
/*if(opt.holidayId){
Ext.get("_holidaylist").dom.value = opt.holidayId;
}*//*
Emice.HolidayMaintain.updateSize();
},*/
update : function(){
Emice.HolidayMaintain.updateHoliday({
params : {
name : get("_name",partTemplate).value ,
remarks : get("_remarks",partTemplate).value,
holidayDate : opt.holidayDate,
holidayId : opt.holidayId
},
success: function(resp){
if(Ext.util.JSON.decode(resp.responseText)!=false){
dlg.hide();
window.view();
}else{
alert(opt.msg_updatefailed);
dlg.hide();
}
}.createDelegate(this),
failure: function(){
alert(opt.msg_updatefailed);
}.createDelegate(this)
});
},
save : function(){
if(get("_name",partTemplate).value==""){
alert(opt.msg_notnull);
return;
}
Emice.HolidayMaintain.saveToServer({
params : {
name : get("_name",partTemplate).value ,
remarks : get("_remarks",partTemplate).value,
holidayDate : opt.holidayDate,
holidayId : opt.holidayId
},
success: function(resp){
if(Ext.util.JSON.decode(resp.responseText)!=false){
dlg.hide();
window.view();
}else{
alert(opt.msg_save);
dlg.hide();
}
}.createDelegate(this),
failure: function(){
alert(opt.msg_savefailed);
}.createDelegate(this)
});
},
deleteMe: function(){
if(!confirm(opt.msg_suredel)){
return;
}
Emice.HolidayMaintain.deleteFromServer({
params : {
holidayId : opt.holidayId
},
success: function(resp){
if(Ext.util.JSON.decode(resp.responseText)==false){
alert(opt.msg_delete);
dlg.hide();
}else{
dlg.hide();
window.view();
}
}.createDelegate(this),
failure: function(){
alert(opt.msg_delfailed);
}.createDelegate(this)
});
},
saveToServer: function(opt2){
Ext.Ajax.request(
{
url: "holidayShow.do?method=addNewHoliday",
params : opt2.params,
method : "POST",
success: opt2.success,
failure: opt2.failure
});
},
deleteFromServer: function(opt2){
Ext.Ajax.request(
{
url: "holidayShow.do?method=deleteHoliday",
params : opt2.params,
method : "POST",
success: opt2.success,
failure: opt2.failure
});
},
updateHoliday: function(opt2){
Ext.Ajax.request(
{
url: "holidayShow.do?method=updateHoliday",
params : opt2.params,
method : "POST",
success: opt2.success,
failure: opt2.failure
});
},
OKCANCEL : {ok:true, cancel:true},
defaultTextHeight : 75,
/**
* The maximum width in pixels of the message box (defaults to 600)
* @type Number
*/
maxWidth : 600,
/**
* The minimum width in pixels of the message box (defaults to 100)
* @type Number
*/
minWidth : 100,
/**
* The minimum width in pixels of the message box progress bar if displayed (defaults to 250)
* @type Number
*/
minProgressWidth : 250,
/**
* An object containing the default button text strings that can be overriden for localized language support.
* Supported properties are: ok, cancel, yes and no.
* Customize the default text like so: Ext.MessageBox.buttonText.yes = "";
* @type Object
*/
buttonText : {
ok : "Ok",
cancel : "Cancel"
}
};
}();