|
|
|
|
|
|
|
|
function TGridCommon(id,formName,headArgs,widthArgs,alignArgs,sortArgs,typeArgs){
|
|
|
var self = this;
|
|
|
var gridObj;//grid object
|
|
|
this.formName = formName;//form name
|
|
|
this.id = id;//TGridCommon object id
|
|
|
this.totalPageCount;//Total Count
|
|
|
this.responseUrl;//Ajax Request Url
|
|
|
this.over = false;
|
|
|
this.menu = null;//Menu object
|
|
|
this.pageShowCount = 15;
|
|
|
var shield;//
|
|
|
this.headArgs = headArgs;//Header
|
|
|
this.widthArgs = widthArgs;//Width
|
|
|
this.alignArgs = alignArgs;//Align
|
|
|
this.sortArgs = sortArgs;//Sort
|
|
|
this.typeArgs = typeArgs;//Type
|
|
|
this.attHeaderArgs = [];
|
|
|
this.skin;
|
|
|
this.imageUrl;
|
|
|
this.page;
|
|
|
this.pageSwitch;
|
|
|
this.condition;
|
|
|
this.subGridArgs = [];
|
|
|
this.request;
|
|
|
this.sourceType;
|
|
|
this.openUrl;
|
|
|
this.openType;
|
|
|
this.openSet;
|
|
|
this.isDoubleClick = false;
|
|
|
this.isShowHeader = false;
|
|
|
this.searchVal = "";
|
|
|
this.multipleSearchVal = "";
|
|
|
this.isHiddenColumn = false;
|
|
|
this.isOnEditCell = false;
|
|
|
this.isOnCheckBox = false;
|
|
|
this.isDBClickEvent = false;
|
|
|
this.isOnEditCell = false;
|
|
|
this.hiddenIndex;
|
|
|
this.loadafter = false;
|
|
|
this.pagerName;
|
|
|
this.pagerInfo;
|
|
|
this.isAttchHeader = false;
|
|
|
this.isSort = false;
|
|
|
this.sortValue;
|
|
|
this.sortType;
|
|
|
//find object
|
|
|
this.$ = function(id){
|
|
|
return document.getElementById(id);
|
|
|
};
|
|
|
|
|
|
//initialization grid
|
|
|
this.initGrid = function(){
|
|
|
self.gridObj = new dhtmlXGridObject(self.id);
|
|
|
self.gridObj.setImagePath(self.imageUrl);
|
|
|
self.gridObj.setSkin(self.skin);
|
|
|
self.gridObj.setHeader(self.headArgs.toString());
|
|
|
self.gridObj.setInitWidths(self.widthArgs.toString());
|
|
|
self.gridObj.setColAlign(self.alignArgs.toString());
|
|
|
self.gridObj.setColSorting(self.sortArgs.toString());
|
|
|
self.gridObj.setColTypes(self.typeArgs.toString());
|
|
|
if(self.isShowHeader){
|
|
|
self.gridObj.setNoHeader(self.isShowHeader);
|
|
|
}
|
|
|
if(self.isHiddenColumn){
|
|
|
self.gridObj.setColumnHidden(self.hiddenIndex,true);
|
|
|
}
|
|
|
if(self.isAttchHeader){
|
|
|
self.gridObj.attachHeader(self.attHeaderArgs);
|
|
|
}
|
|
|
self.gridObj.enableAlterCss("odd_row","even_row");
|
|
|
self.gridObj.init();
|
|
|
};
|
|
|
|
|
|
this.after = function(){
|
|
|
|
|
|
};
|
|
|
|
|
|
this.sortEventFun = function(){
|
|
|
|
|
|
};
|
|
|
|
|
|
this.reload = function(){
|
|
|
self.initGrid();
|
|
|
self.bind();
|
|
|
};
|
|
|
//grid bind
|
|
|
this.bind = function(){
|
|
|
|
|
|
//self.responseUrl + "?handle=list&i_page&show_page="+self.pageShowCount.toString()+"&cur_page=1&condition="+self.condition
|
|
|
//self.responseUrl + "?handle=list"+self.condition
|
|
|
|
|
|
if(self.loadafter){
|
|
|
self.gridObj.load(self.request,self.after,self.sourceType);
|
|
|
}else{
|
|
|
self.gridObj.load(self.request,self.sourceType);
|
|
|
}
|
|
|
};
|
|
|
this.setAttachHeader = function(args){
|
|
|
self.attHeaderArgs = args;
|
|
|
}
|
|
|
|
|
|
this.loadinfo = function(){
|
|
|
|
|
|
};
|
|
|
|
|
|
this.showHeader = function(isShow){
|
|
|
self.isShowHeader = isShow;
|
|
|
};
|
|
|
|
|
|
this.setSortValue = function(sort,type){
|
|
|
self.sortValue = sort;
|
|
|
self.sortType = type;
|
|
|
};
|
|
|
|
|
|
this.hiddenColumn = function(index,isHidden){
|
|
|
self.isHiddenColumn = isHidden;
|
|
|
self.hiddenIndex = index;
|
|
|
}
|
|
|
//json load request url
|
|
|
this.setRequest = function(request){
|
|
|
self.request = request;
|
|
|
};
|
|
|
|
|
|
this.getRequest = function(){
|
|
|
return self.request;
|
|
|
};
|
|
|
//source type
|
|
|
this.setSourceType = function(strSourceType){
|
|
|
self.sourceType = strSourceType;
|
|
|
};
|
|
|
//skin
|
|
|
this.setSkin = function(strSkin){
|
|
|
self.skin = strSkin;
|
|
|
};
|
|
|
//imageUrl
|
|
|
this.setImageUrl = function(strImageUrl){
|
|
|
self.imageUrl = strImageUrl;
|
|
|
};
|
|
|
//Response Url
|
|
|
this.setResponseUrl = function(url){
|
|
|
self.responseUrl = url;
|
|
|
};
|
|
|
this.setPageShowCount=function(ShowCount){
|
|
|
self.pageShowCount=ShowCount;
|
|
|
}
|
|
|
//
|
|
|
this.setIsPage = function(isOpen){
|
|
|
self.pageSwitch = isOpen;
|
|
|
};
|
|
|
//refresh grid
|
|
|
this.refresh = function(){
|
|
|
self.initGrid();
|
|
|
};
|
|
|
//load sub grid
|
|
|
this.clickShowSubGrid = function(subGridObj){
|
|
|
self.gridObj.attachEvent("onRowDblClicked", function(rId,cInd){
|
|
|
subGridObj.bind();
|
|
|
});
|
|
|
};
|
|
|
|
|
|
this.getGridObj = function(){
|
|
|
return self.gridObj;
|
|
|
}
|
|
|
this.setSubGrid = function(subGrid){
|
|
|
self.subGridArgs = subGrid;
|
|
|
};
|
|
|
//window open url
|
|
|
this.setOpenUrl = function(openUrl){
|
|
|
self.openUrl = openUrl;
|
|
|
};
|
|
|
//window open type
|
|
|
this.setOpenType = function(strType){
|
|
|
self.openType = strType;
|
|
|
};
|
|
|
//window open set
|
|
|
this.setOpenSet = function(strSet){
|
|
|
self.openSet = strSet;
|
|
|
};
|
|
|
this.dbclickPop = function(){
|
|
|
//set status
|
|
|
self.isDoubleClick = true;
|
|
|
self.gridObj.attachEvent("onRowDblClicked", function(rId,cInd){
|
|
|
|
|
|
window.open (self.openUrl+rId,self.openType,self.openSet);
|
|
|
});
|
|
|
};
|
|
|
|
|
|
this.clickEvent = function(){
|
|
|
|
|
|
// if(self.gridObj != null){
|
|
|
//
|
|
|
// alert();
|
|
|
// }else{
|
|
|
// alert("Object is null");
|
|
|
// }
|
|
|
};
|
|
|
|
|
|
this.dbclickEvent = function(){
|
|
|
|
|
|
};
|
|
|
this.onEditEvent = function(){
|
|
|
|
|
|
};
|
|
|
|
|
|
this.onCheckBox = function(){
|
|
|
|
|
|
};
|
|
|
|
|
|
this.onEditCellEvent = function(){
|
|
|
|
|
|
};
|
|
|
this.clickRefrash = function(){
|
|
|
self.initGrid();
|
|
|
};
|
|
|
|
|
|
this.setPagerName = function(objName){
|
|
|
self.pagerName = objName;
|
|
|
};
|
|
|
|
|
|
this.setPagerInfo = function(objInfo){
|
|
|
self.pagerInfo = objInfo;
|
|
|
}
|
|
|
|
|
|
this.setPagerCount = function(count){
|
|
|
self.pageShowCount = count;
|
|
|
}
|
|
|
|
|
|
this.getGridRowID = function(gridObj){
|
|
|
var selRowID = mygrid_recv.getSelectedRowId();
|
|
|
var selGroup = new Array();
|
|
|
if(selRowID.indexOf(",") > 0){
|
|
|
selGroup = selRowID.split(",");
|
|
|
}else{
|
|
|
if(selRowID != null){
|
|
|
selGroup.push(selRowID);
|
|
|
}
|
|
|
}
|
|
|
return selGroup;
|
|
|
};
|
|
|
|
|
|
|
|
|
this.enableMultiselect = function(bValue){
|
|
|
self.gridObj.enableMultiselect(bValue);
|
|
|
};
|
|
|
|
|
|
this.getObjByClassName = function(eleClassName){
|
|
|
var getEleClass = [];//定义一个数组
|
|
|
var myclass = new RegExp("\\b"+eleClassName+"\\b");//创建一个正则表达式对像
|
|
|
var elem = document.body.all.tags("DIV");//获取文档里所有的元素
|
|
|
for(var h=0;h<elem.length;h++)
|
|
|
{
|
|
|
var classes = elem[h].className;//获取class对像
|
|
|
|
|
|
if (myclass.test(classes)){
|
|
|
|
|
|
getEleClass.push(elem[h]);//正则比较，取到想要的CLASS对像
|
|
|
}
|
|
|
|
|
|
}
|
|
|
return getEleClass;//返回数组
|
|
|
}
|
|
|
//get total page count
|
|
|
this.getTotalPage = function(){
|
|
|
var urlVal = self.responseUrl + "?handle=page&val="+self.newGuid();
|
|
|
var loader = dhtmlxAjax.getSync(urlVal);
|
|
|
var loadVal = loader.xmlDoc.responseText;
|
|
|
};
|
|
|
|
|
|
|
|
|
//Get Guid
|
|
|
this.newGuid = function(){
|
|
|
var guid = "";
|
|
|
for (var i = 1; i <= 32; i++){
|
|
|
var n = Math.floor(Math.random()*16.0).toString(16);
|
|
|
guid += n;
|
|
|
if((i==8)||(i==12)||(i==16)||(i==20))
|
|
|
guid += "-";
|
|
|
}
|
|
|
return guid.toUpperCase();
|
|
|
};
|
|
|
|
|
|
//初始化页面
|
|
|
this.initPage = function(){
|
|
|
self.pager = new PagerView('pager');
|
|
|
|
|
|
var urlVal = self.responseUrl + "?handle=page&val="+self.newGuid();//alert(self.responseUrl + "?handle=page&val="+self.newGuid());
|
|
|
var loader = dhtmlxAjax.getSync(urlVal);
|
|
|
var loadVal = loader.xmlDoc.responseText;
|
|
|
self.totalPageCount = loadVal;
|
|
|
|
|
|
self.pager.itemCount = self.totalPageCount;
|
|
|
self.pager.size = self.pageShowCount;
|
|
|
self.pager.index = 1;
|
|
|
self.pager.onclick = function(index){
|
|
|
|
|
|
document.getElementById('info').innerHTML = '现在翻到第' + index + '页';
|
|
|
|
|
|
self.request = self.responseUrl + "?handle=list&show_page="+self.pager.size.toString()+"&cur_page="+index;
|
|
|
|
|
|
setTimeout(function(){
|
|
|
self.initGrid();
|
|
|
self.bind();
|
|
|
|
|
|
|
|
|
if(self.isDoubleClick){
|
|
|
self.dbclickPop();
|
|
|
}
|
|
|
},300);
|
|
|
|
|
|
};
|
|
|
self.pager.render();
|
|
|
};
|
|
|
|
|
|
this.initCommonPager = function(handleName,idQuery){
|
|
|
if(self.pagerName != null){
|
|
|
self.pager = new PagerView(self.pagerName);
|
|
|
}else{
|
|
|
self.pager = new PagerView('pager');
|
|
|
}
|
|
|
|
|
|
var urlVal = "";
|
|
|
if(self.searchVal.length > 1){
|
|
|
//urlVal = self.responseUrl + "?handle=" + handleName + "page&search=" + escape(self.searchVal) + idQuery + "&val=" + self.newGuid();
|
|
|
if (self.multipleSearchVal.length > 1) {
|
|
|
urlVal = self.responseUrl + "?handle=" + handleName + "page&search=" + escape(self.searchVal) + self.multipleSearchVal + idQuery + "&val=" + self.newGuid();
|
|
|
|
|
|
} else {
|
|
|
urlVal = self.responseUrl + "?handle=" + handleName + "page&search=" + escape(self.searchVal) + idQuery + "&val=" + self.newGuid();
|
|
|
}
|
|
|
}else{
|
|
|
//urlVal = self.responseUrl + "?handle=" + handleName + "page" + idQuery + "&val=" + self.newGuid();
|
|
|
if (self.multipleSearchVal.length > 1) {
|
|
|
urlVal = self.responseUrl + "?handle=" + handleName + "page" + self.multipleSearchVal + idQuery + "&val=" + self.newGuid();
|
|
|
|
|
|
} else {
|
|
|
urlVal = self.responseUrl + "?handle=" + handleName + "page" + idQuery + "&val=" + self.newGuid();
|
|
|
}
|
|
|
}
|
|
|
|
|
|
var loader = dhtmlxAjax.getSync(urlVal);
|
|
|
var loadVal = loader.xmlDoc.responseText;
|
|
|
self.totalPageCount = loadVal;
|
|
|
|
|
|
self.pager.itemCount = self.totalPageCount;
|
|
|
self.pager.size = self.pageShowCount;
|
|
|
self.pager.index = 1;
|
|
|
self.pager.onclick = function(index){
|
|
|
|
|
|
if(self.pagerInfo != null){
|
|
|
document.getElementById(self.pagerInfo).innerHTML = '现在翻到第' + index + '页';
|
|
|
}else{
|
|
|
document.getElementById('info').innerHTML = '现在翻到第' + index + '页';
|
|
|
}
|
|
|
|
|
|
|
|
|
if(self.searchVal.length > 1){
|
|
|
self.request = self.responseUrl + "?handle="+handleName+"&show_page="+self.pager.size.toString()+"&cur_page="+index+idQuery+"&search="+escape(self.searchVal);
|
|
|
}else{
|
|
|
self.request = self.responseUrl + "?handle="+handleName+"&show_page="+self.pager.size.toString()+"&cur_page="+index+idQuery;
|
|
|
}
|
|
|
|
|
|
setTimeout(function(){
|
|
|
self.initGrid();
|
|
|
self.bind();
|
|
|
self.clickEvent();
|
|
|
|
|
|
if(self.isDoubleClick){
|
|
|
self.dbclickPop();
|
|
|
}
|
|
|
if(self.isOnEditCell){
|
|
|
self.onEditEvent();
|
|
|
}
|
|
|
if(self.isOnCheckBox){
|
|
|
self.onCheckBox();
|
|
|
}
|
|
|
if(self.isOnEditCell){
|
|
|
self.onEditCellEvent();
|
|
|
}
|
|
|
},300);
|
|
|
|
|
|
};
|
|
|
self.pager.render();
|
|
|
}
|
|
|
//初始化页面
|
|
|
this.initPageByHandle = function(handleName) {
|
|
|
var lsurl = "";
|
|
|
self.pager = new PagerView('pager');
|
|
|
|
|
|
var urlVal = "";
|
|
|
if (self.searchVal.length > 1) {
|
|
|
if (self.multipleSearchVal.length > 1) {
|
|
|
urlVal = self.responseUrl + "?handle=" + handleName + "page&search=" + escape(self.searchVal) + self.multipleSearchVal + "&val=" + self.newGuid();
|
|
|
} else {
|
|
|
urlVal = self.responseUrl + "?handle=" + handleName + "page&search=" + escape(self.searchVal) + "&val=" + self.newGuid();
|
|
|
}
|
|
|
} else {
|
|
|
if (self.multipleSearchVal.length > 1) {
|
|
|
urlVal = self.responseUrl + "?handle=" + handleName + "page" + self.multipleSearchVal + "&val=" + self.newGuid();
|
|
|
} else {
|
|
|
urlVal = self.responseUrl + "?handle=" + handleName + "page&val=" + self.newGuid();
|
|
|
}
|
|
|
}
|
|
|
var loader = dhtmlxAjax.getSync(urlVal);
|
|
|
var loadVal = loader.xmlDoc.responseText;
|
|
|
self.totalPageCount = loadVal;
|
|
|
|
|
|
self.pager.itemCount = self.totalPageCount;
|
|
|
self.pager.size = self.pageShowCount;
|
|
|
self.pager.index = 1;
|
|
|
self.pager.onclick = function(index) {
|
|
|
|
|
|
document.getElementById('info').innerHTML = '现在翻到第' + index + '页';
|
|
|
|
|
|
if (self.searchVal.length > 1) {
|
|
|
var tempSortValue = "";
|
|
|
var tempSortIndex = "";
|
|
|
if (self.sortValue != null && self.sortType != null) {
|
|
|
tempSortValue = "&sort=" + self.sortValue;
|
|
|
tempSortIndex = "&sortindex=" + self.sortType;
|
|
|
|
|
|
// if(self.request.indexOf("&sort=") >= 0){
|
|
|
// var beginString = self.request.substr(0,self.request.indexOf("&sort="));
|
|
|
// var endString = self.request.substr(self.request.indexOf("&sort="),self.request.length - self.request.indexOf("&sort="));
|
|
|
// var midString = endString.substr(1,endString.length - 1);
|
|
|
// var midSecondStr = "";
|
|
|
// if(midString.indexOf("&") >= 0){
|
|
|
// midSecondStr = midString.substr(midString.indexOf("&"),midString.length-midString.indexOf("&"));
|
|
|
// }
|
|
|
//
|
|
|
// self.request = beginString+tempSortValue+midSecondStr;
|
|
|
// }
|
|
|
//
|
|
|
// if(self.request.indexOf("&sortindex=") >= 0){
|
|
|
// var beginString = self.request.substr(0,self.request.indexOf("&sortindex="));
|
|
|
// var endString = self.request.substr(self.request.indexOf("&sortindex="),self.request.length - self.request.indexOf("&sortindex="));
|
|
|
// var midString = endString.substr(1,endString.length - 1);
|
|
|
// var midSecondStr = "";
|
|
|
// if(midString.indexOf("&") >= 0){
|
|
|
// midSecondStr = midString.substr(midString.indexOf("&"),midString.length-midString.indexOf("&"));
|
|
|
// }
|
|
|
//
|
|
|
// self.request = beginString+tempSortIndex+midSecondStr;
|
|
|
// }
|
|
|
|
|
|
lsurl = self.responseUrl + "?show_page=" + self.pager.size.toString() + "&cur_page=" + index + "&search=" + escape(self.searchVal) + tempSortValue + tempSortIndex;
|
|
|
//self.request = self.responseUrl + "?handle=" + handleName + "&show_page=" + self.pager.size.toString() + "&cur_page=" + index + "&search=" + escape(self.searchVal) + tempSortValue + tempSortIndex;
|
|
|
if (self.multipleSearchVal.length > 1) {
|
|
|
self.request = self.responseUrl + "?handle=" + handleName + "&show_page=" + self.pager.size.toString() + "&cur_page=" + index + "&search=" + escape(self.searchVal) + tempSortValue + tempSortIndex + self.multipleSearchVal;
|
|
|
} else {
|
|
|
self.request = self.responseUrl + "?handle=" + handleName + "&show_page=" + self.pager.size.toString() + "&cur_page=" + index + "&search=" + escape(self.searchVal) + tempSortValue + tempSortIndex;
|
|
|
}
|
|
|
} else {
|
|
|
lsurl = self.responseUrl + "?show_page=" + self.pager.size.toString() + "&cur_page=" + index + "&search=" + escape(self.searchVal);
|
|
|
//self.request = self.responseUrl + "?handle=" + handleName + "&show_page=" + self.pager.size.toString() + "&cur_page=" + index + "&search=" + escape(self.searchVal);
|
|
|
if (self.multipleSearchVal.length > 1) {
|
|
|
self.request = self.responseUrl + "?handle=" + handleName + "&show_page=" + self.pager.size.toString() + "&cur_page=" + index + "&search=" + escape(self.searchVal) + self.multipleSearchVal;
|
|
|
} else {
|
|
|
self.request = self.responseUrl + "?handle=" + handleName + "&show_page=" + self.pager.size.toString() + "&cur_page=" + index + "&search=" + escape(self.searchVal);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
} else {
|
|
|
var tempSortValue = "";
|
|
|
var tempSortIndex = "";
|
|
|
if (self.sortValue != null && self.sortType != null) {
|
|
|
tempSortValue = "&sort=" + self.sortValue;
|
|
|
tempSortIndex = "&sortindex=" + self.sortType;
|
|
|
|
|
|
// if(self.request.indexOf("&sort=") >= 0){
|
|
|
// var beginString = self.request.substr(0,self.request.indexOf("&sort="));
|
|
|
// var endString = self.request.substr((self.request.indexOf("&sort=")),(self.request.length - self.request.indexOf("&sort=")));
|
|
|
// var midString = endString.substr(1,endString.length - 1);
|
|
|
// var midSecondStr = "";
|
|
|
// if(midString.indexOf("&") >= 0){
|
|
|
// midSecondStr = midString.substr(midString.indexOf("&"),midString.length-midString.indexOf("&"));
|
|
|
// }
|
|
|
//
|
|
|
// self.request = beginString+tempSortValue+midSecondStr;
|
|
|
// }
|
|
|
//
|
|
|
// if(self.request.indexOf("&sortindex=") >= 0){
|
|
|
// var beginString = self.request.substr(0,self.request.indexOf("&sortindex="));
|
|
|
// var endString = self.request.substr(self.request.indexOf("&sortindex="),self.request.length - self.request.indexOf("&sortindex="));
|
|
|
// var midString = endString.substr(1,endString.length - 1);
|
|
|
// var midSecondStr = "";
|
|
|
// if(midString.indexOf("&") >= 0){
|
|
|
// midSecondStr = midString.substr(midString.indexOf("&"),midString.length-midString.indexOf("&"));
|
|
|
// }
|
|
|
//
|
|
|
// self.request = beginString+tempSortIndex+midSecondStr;
|
|
|
// }
|
|
|
lsurl = self.responseUrl + "?show_page=" + self.pager.size.toString() + "&cur_page=" + index + tempSortValue + tempSortIndex;
|
|
|
//self.request = self.responseUrl + "?handle=" + handleName + "&show_page=" + self.pager.size.toString() + "&cur_page=" + index + tempSortValue + tempSortIndex;
|
|
|
if (self.multipleSearchVal.length > 1) {
|
|
|
self.request = self.responseUrl + "?handle=" + handleName + "&show_page=" + self.pager.size.toString() + "&cur_page=" + index + tempSortValue + tempSortIndex + self.multipleSearchVal;
|
|
|
} else {
|
|
|
self.request = self.responseUrl + "?handle=" + handleName + "&show_page=" + self.pager.size.toString() + "&cur_page=" + index + tempSortValue + tempSortIndex;
|
|
|
}
|
|
|
} else {
|
|
|
lsurl = self.responseUrl + "?show_page=" + self.pager.size.toString() + "&cur_page=" + index;
|
|
|
//self.request = self.responseUrl + "?handle=" + handleName + "&show_page=" + self.pager.size.toString() + "&cur_page=" + index;
|
|
|
if (self.multipleSearchVal.length > 1) {
|
|
|
self.request = self.responseUrl + "?handle=" + handleName + "&show_page=" + self.pager.size.toString() + "&cur_page=" + index + self.multipleSearchVal;
|
|
|
} else {
|
|
|
self.request = self.responseUrl + "?handle=" + handleName + "&show_page=" + self.pager.size.toString() + "&cur_page=" + index;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
setTimeout(function() {
|
|
|
self.initGrid();
|
|
|
self.bind();
|
|
|
self.clickEvent();
|
|
|
self.onEditEvent();
|
|
|
|
|
|
if (self.isDoubleClick) {
|
|
|
self.dbclickPop();
|
|
|
}
|
|
|
if (self.isDBClickEvent) {
|
|
|
self.dbclickEvent();
|
|
|
}
|
|
|
if (self.isOnEditCell) {
|
|
|
self.onEditCellEvent();
|
|
|
}
|
|
|
if (self.isSort) {
|
|
|
self.sortEventFun();
|
|
|
}
|
|
|
if (self.isOnCheckBox) {
|
|
|
self.onCheckBox();
|
|
|
}
|
|
|
}, 300);
|
|
|
};
|
|
|
self.pager.render();
|
|
|
};
|
|
|
|
|
|
//初始化页面
|
|
|
this.initPageByGID = function(handleName,idQuery){
|
|
|
self.pager = new PagerView('pager');
|
|
|
|
|
|
var urlVal = "";
|
|
|
if(self.searchVal.length > 1){
|
|
|
urlVal = self.responseUrl + "?handle="+handleName+"page&search="+escape(self.searchVal)+idQuery+"&val="+self.newGuid();//alert(self.responseUrl + "?handle=page&val="+self.newGuid());
|
|
|
}else{
|
|
|
urlVal = self.responseUrl + "?handle="+handleName+"page"+idQuery+"&val="+self.newGuid();
|
|
|
}
|
|
|
var loader = dhtmlxAjax.getSync(urlVal);
|
|
|
var loadVal = loader.xmlDoc.responseText;
|
|
|
self.totalPageCount = loadVal;
|
|
|
|
|
|
self.pager.itemCount = self.totalPageCount;
|
|
|
self.pager.size = self.pageShowCount;
|
|
|
self.pager.index = 1;
|
|
|
self.pager.onclick = function(index){
|
|
|
|
|
|
document.getElementById('info').innerHTML = '现在翻到第' + index + '页';
|
|
|
|
|
|
if(self.searchVal.length > 1){
|
|
|
//self.request = self.responseUrl + "?handle=" + handleName + "&show_page=" + self.pager.size.toString() + "&cur_page=" + index + idQuery + "&search=" + escape(self.searchVal);
|
|
|
if (self.multipleSearchVal.length > 1) {
|
|
|
self.request = self.responseUrl + "?handle=" + handleName + "&show_page=" + self.pager.size.toString() + "&cur_page=" + index + idQuery + "&search=" + escape(self.searchVal) + self.multipleSearchVal;
|
|
|
} else {
|
|
|
self.request = self.responseUrl + "?handle=" + handleName + "&show_page=" + self.pager.size.toString() + "&cur_page=" + index + idQuery + "&search=" + escape(self.searchVal);
|
|
|
}
|
|
|
}else{
|
|
|
//self.request = self.responseUrl + "?handle=" + handleName + "&show_page=" + self.pager.size.toString() + "&cur_page=" + index + idQuery;
|
|
|
if (self.multipleSearchVal.length > 1) {
|
|
|
self.request = self.responseUrl + "?handle=" + handleName + "&show_page=" + self.pager.size.toString() + "&cur_page=" + index + idQuery + self.multipleSearchVal;
|
|
|
} else {
|
|
|
self.request = self.responseUrl + "?handle=" + handleName + "&show_page=" + self.pager.size.toString() + "&cur_page=" + index + idQuery;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
setTimeout(function(){
|
|
|
self.initGrid();
|
|
|
self.bind();
|
|
|
self.clickEvent();
|
|
|
|
|
|
if(self.isDoubleClick){
|
|
|
self.dbclickPop();
|
|
|
}
|
|
|
if(self.isOnEditCell){
|
|
|
self.onEditEvent();
|
|
|
}
|
|
|
if(self.isOnCheckBox){
|
|
|
self.onCheckBox();
|
|
|
}
|
|
|
if(self.isOnEditCell){
|
|
|
self.onEditCellEvent();
|
|
|
}
|
|
|
},300);
|
|
|
|
|
|
};
|
|
|
self.pager.render();
|
|
|
};
|
|
|
//save grid column setting change(include: name,width,index)
|
|
|
this.saveColumnSetting = function(){
|
|
|
var colCount = this.gridObj.getColumnsNum();
|
|
|
var jsonFeeObj = "";
|
|
|
|
|
|
jsonFeeObj = "{\"$type\":\"DSWeb.Models.JsonColumnGroupEntity, DSWeb, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null\",\"ShowCount\":"+pageShowCount+",\"JsonColumnEntities\":[";
|
|
|
|
|
|
var tempGroupJson = "";
|
|
|
for(var i=0;i<colCount;i++){
|
|
|
var tempJson = "";
|
|
|
var rId = this.gridObj.getRowId(i);
|
|
|
|
|
|
tempJson += "\"$type\":\"DSWeb.Models.JsonColumnEntity, DSWeb, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null\",";
|
|
|
tempJson += "\"col1\":\"\",";//gid
|
|
|
tempJson += "\"col2\":\""+i.toString()+"\",";//column name
|
|
|
tempJson += "\"col3\":\""+this.gridObj.getColumnLabel(i)+"\",";//column description
|
|
|
tempJson += "\"col4\":\""+i.toString()+"\",";//index
|
|
|
tempJson += "\"col5\":\""+this.gridObj.getColWidth(i)+"\",";//width
|
|
|
tempJson += "\"col6\":-1";
|
|
|
|
|
|
tempJson = "{"+tempJson+"}";
|
|
|
if(i == colCount - 1){
|
|
|
tempGroupJson += tempJson;
|
|
|
}else{
|
|
|
tempGroupJson += tempJson+",";
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
jsonFeeObj += tempGroupJson;
|
|
|
jsonFeeObj += "]}";
|
|
|
|
|
|
$("hid_setting").value = jsonFeeObj;
|
|
|
jsonFeeObj = null;
|
|
|
//alert(jsonFeeObj);
|
|
|
var myForm = document.getElementById("form1");
|
|
|
myForm.submit() ;
|
|
|
};
|
|
|
|
|
|
this.initMenu = function(id){
|
|
|
this.$(id).oncontextmenu = function(ev){
|
|
|
showMenu(ev);
|
|
|
return false;
|
|
|
};
|
|
|
document.onmousedown = function(){if(!self.over)hideMenu();};
|
|
|
};
|
|
|
//显示右键菜单
|
|
|
this.showMenu = function(){
|
|
|
self.menu = null;
|
|
|
ev = ev || window.event;
|
|
|
|
|
|
hideMenu();
|
|
|
|
|
|
var e = ev.srcElement || ev.target;
|
|
|
|
|
|
if(e.tagName=="TH") return;
|
|
|
|
|
|
var x = ev.pageX || ev.clientX + document.documentElement.scrollLeft;
|
|
|
var y = ev.pageY || ev.clientY + document.documentElement.scrollTop;
|
|
|
|
|
|
self.menu = document.createElement("DIV");
|
|
|
self.menu.className = "menu";
|
|
|
self.menu.style.left = x+4+"px";
|
|
|
self.menu.style.top = y+"px";
|
|
|
document.body.appendChild(self.menu);
|
|
|
|
|
|
//alert(e.parentNode.getElementsByTagName("DIV")[1].innerHTML);
|
|
|
var dvGroup = e.parentNode.getElementsByTagName("DIV");
|
|
|
var dvGroupCount = dvGroup.length;
|
|
|
|
|
|
var id ="";
|
|
|
if(dvGroupCount == 1){
|
|
|
id = dvGroup[0].innerHTML;
|
|
|
}
|
|
|
|
|
|
if(id.trim().length < 1){
|
|
|
hideMenu();
|
|
|
return;
|
|
|
}
|
|
|
|
|
|
var sname = document.location.pathname.substring(7,location.pathname.length).toString();
|
|
|
|
|
|
var s = "<div class=\"dvMenu\" >修改标题</div><div class=\"dvMenu\" onclick=\"editColumnSetting('dvColumnSet')\">编辑显示</div>";
|
|
|
self.menu.innerHTML = s;
|
|
|
self.menu.onmouseover = function(){self.over=true;};
|
|
|
self.menu.onmouseout = function(){self.over=false;};
|
|
|
};
|
|
|
//hide menu object
|
|
|
this.hideMenu = function(){
|
|
|
if(self.menu){
|
|
|
document.body.removeChild(self.menu);
|
|
|
self.menu = null;
|
|
|
}
|
|
|
};
|
|
|
//IS NUMBER
|
|
|
this.IsNum = function(val){
|
|
|
var re = /^[-\+]?\d+(\.\d+)?$/;
|
|
|
if (!re.test(val)){
|
|
|
return false;
|
|
|
}else{
|
|
|
return true;
|
|
|
}
|
|
|
};
|
|
|
this.setSearch = function(val){
|
|
|
self.searchVal = val;
|
|
|
};
|
|
|
|
|
|
this.setMultiple = function(val){
|
|
|
self.multipleSearchVal = val;
|
|
|
};
|
|
|
|
|
|
//is exist object
|
|
|
var docEle = function() {
|
|
|
return document.getElementById(arguments[0]) || false;
|
|
|
};
|
|
|
this.openNewDiv = function(){
|
|
|
var m = "mask";
|
|
|
if (docEle(_id)) document.removeChild(docEle(_id));
|
|
|
if (docEle(m)) document.removeChild(docEle(m));
|
|
|
// 新激活图层
|
|
|
var newDiv = document.createElement("div");
|
|
|
newDiv.id = _id;
|
|
|
newDiv.style.position = "absolute";
|
|
|
newDiv.style.zIndex = "9999";
|
|
|
newDiv.style.width = "200px";
|
|
|
newDiv.style.height = "100px";
|
|
|
newDiv.style.top = "100px";
|
|
|
newDiv.style.left = (parseInt(document.body.scrollWidth) - 300) / 2 + "px"; // 屏幕居中
|
|
|
newDiv.style.background = "#EFEFEF";
|
|
|
newDiv.style.border = "1px solid #860001";
|
|
|
newDiv.style.padding = "5px";
|
|
|
newDiv.innerHTML = "<br/> 您已更改了视图设置 是否保存<br/><br/><br/> ";
|
|
|
document.body.appendChild(newDiv);
|
|
|
// mask图层
|
|
|
var newMask = document.createElement("div");
|
|
|
newMask.id = m;
|
|
|
newMask.style.position = "absolute";
|
|
|
newMask.style.zIndex = "1";
|
|
|
newMask.style.width = document.body.scrollWidth + "px";
|
|
|
newMask.style.height = document.body.scrollHeight + "px";
|
|
|
newMask.style.top = "0px";
|
|
|
newMask.style.left = "0px";
|
|
|
newMask.style.background = "#000";
|
|
|
newMask.style.filter = "alpha(opacity=40)";
|
|
|
newMask.style.opacity = "0.40";
|
|
|
document.body.appendChild(newMask);
|
|
|
// 关闭mask和新图层
|
|
|
var saveButton = document.createElement("a");
|
|
|
saveButton.href = "#";
|
|
|
saveButton.innerHTML = "确定";
|
|
|
saveButton.className="regular";
|
|
|
saveButton.onclick = function() {
|
|
|
this.saveColumnSetting();// save user grid column setting
|
|
|
}
|
|
|
newDiv.appendChild(saveButton);
|
|
|
|
|
|
//newDiv.innerHTML += " ";
|
|
|
|
|
|
var cancelButton = document.createElement("a");
|
|
|
cancelButton.href = "#";
|
|
|
cancelButton.innerHTML = "取消";
|
|
|
cancelButton.className="regular";
|
|
|
cancelButton.onclick = function() {
|
|
|
document.body.removeChild(docEle(_id));
|
|
|
document.body.removeChild(docEle(m));
|
|
|
cancelColumnSet();
|
|
|
return false;
|
|
|
}
|
|
|
newDiv.appendChild(cancelButton);
|
|
|
};
|
|
|
|
|
|
this.cancelColumnSet = function(){
|
|
|
self.gridObj = new dhtmlXGridObject(self.id);
|
|
|
self.gridObj.setImagePath(self.imageUrl);
|
|
|
self.gridObj.setSkin(self.skin);
|
|
|
self.gridObj.setHeader(self.headArgs.toString());
|
|
|
self.gridObj.setInitWidths(self.widthArgs.toString());
|
|
|
self.gridObj.setColAlign(self.alignArgs.toString());
|
|
|
self.gridObj.setColSorting(self.sortArgs.toString());
|
|
|
self.gridObj.setColTypes(self.typeArgs.toString());
|
|
|
self.gridObj.init();
|
|
|
|
|
|
setTimeout(function(){
|
|
|
mygrid_log.load(rspUrl + "?handle=list&show_page="+self.pageShowCount+"&cur_page=1","json");
|
|
|
},300);
|
|
|
|
|
|
this.initPage();
|
|
|
initMenu();
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
this.getUserGridSetting = function(){
|
|
|
var urlVal = self.responseUrl + "handle=setting&val="+newGuid();
|
|
|
var loader = dhtmlxAjax.getSync(urlVal);
|
|
|
var loadVal = loader.xmlDoc.responseText;
|
|
|
|
|
|
jsonPage = loadVal;
|
|
|
if(IsNum(jsonPage)){
|
|
|
jsonPageObj = null;
|
|
|
}else{
|
|
|
jsonPageObj = eval('(' + loadVal + ')');
|
|
|
|
|
|
}
|
|
|
};
|
|
|
|
|
|
this.editColumnSetting = function(){
|
|
|
hideMenu();
|
|
|
var m = "mask";
|
|
|
if (docEle(_id)) document.removeChild(docEle(_id));
|
|
|
if (docEle(m)) document.removeChild(docEle(m));
|
|
|
// 新激活图层
|
|
|
var newDiv = document.createElement("div");
|
|
|
newDiv.id = _id;
|
|
|
newDiv.style.position = "absolute";
|
|
|
newDiv.style.zIndex = "9999";
|
|
|
newDiv.style.width = "700px";
|
|
|
newDiv.style.height = "340px";
|
|
|
newDiv.style.top = "100px";
|
|
|
newDiv.style.left = (parseInt(document.body.scrollWidth) - 560) / 2 + "px"; // 屏幕居中
|
|
|
newDiv.style.background = "#EFEFEF";
|
|
|
newDiv.style.border = "1px solid #860001";
|
|
|
newDiv.style.padding = "5px";
|
|
|
getUserGridSetting();
|
|
|
var TargeVal = "";
|
|
|
if(jsonPageObj != null){
|
|
|
for(var i=0;i<jsonPageObj.columns.length;i++){
|
|
|
TargeVal += "<option value=\""+jsonPageObj.columns[i].name+"\">"+jsonPageObj.columns[i].description+"</option>";
|
|
|
}
|
|
|
}
|
|
|
var editObj = "<div style=\"float:left\"><select id=\"sel_LogColumns\" multiple=\"multiple\" style=\"width:200px;height:300px;\">"
|
|
|
+ "<option value=\"NAME\">日志名称</option><option value=\"LOGTYPE\">日志类型</option><option value=\"LOGTIME\">日志记录时间</option>"
|
|
|
+ "<option value=\"LOGCONTENT\">日志内容</option><option value=\"USERNAME\">操作人</option></select></div>"
|
|
|
+ "<div style=\"float:left; width:60px;height:210px;margin:0 auto;text-align:center;vertical-align:middle;line-height:300px; padding-top:90px\">"
|
|
|
+ "<div class=\"imgLeftButton\" onmousemove=\"this.className='imgLeftHoverButton'\" onmouseout=\"this.className='imgLeftButton'\" title=\"添加\" onclick=\"add()\"></div>"
|
|
|
+ "<div class=\"imgRightButton\" onmousemove=\"this.className='imgRightHoverButton'\" onmouseout=\"this.className='imgRightButton'\" title=\"移除\" onclick=\"remove()\"></div>"
|
|
|
+ "</div><div style=\"float:left;\"><select id=\"sel_VisiableColumns\" multiple=\"multiple\" style=\"width:200px;height:300px;\">"+TargeVal+"</select></div>"
|
|
|
+ "<div style=\"float:left; width:60px;height:210px;margin:0 auto;text-align:center;vertical-align:middle;line-height:300px; padding-top:90px\">"
|
|
|
+ "<div class=\"imgUpButton\" onmousemove=\"this.className='imgUpHoverButton'\" onmouseout=\"this.className='imgUpButton'\" title=\"向上\" onclick=\"up()\"></div>"
|
|
|
+ "<div class=\"imgDownButton\" onmousemove=\"this.className='imgDownHoverButton'\" onmouseout=\"this.className='imgDownButton'\" title=\"向下\" onclick=\"down()\"></div></div>"
|
|
|
+ "<div><div style=\"float:left\"><input type=\"text\" id=\"txt_rename\" style=\"height:20px;width:110px; \"/></div>"
|
|
|
+ "<div class=\"enterButton\" style=\"width:30px; \" onclick=\"saveRename()\">保存</div></div>"
|
|
|
+ "<div style=\"float:left; width:70px;\"><div class=\"enterButton\" onclick=\"pushRename()\">重命名</div></div>"
|
|
|
+ "<div style=\"float:left;width:100%;padding-left:120px;\"><div class=\"enterButton\" onclick=\"saveColumnHeader()\">保存</div><div class=\"enterButton\" onclick=\"cancelColumnHeader()\">取消</div></div>";
|
|
|
newDiv.innerHTML = editObj;
|
|
|
document.body.appendChild(newDiv);
|
|
|
// mask图层
|
|
|
var newMask = document.createElement("div");
|
|
|
newMask.id = m;
|
|
|
newMask.style.position = "absolute";
|
|
|
newMask.style.zIndex = "1";
|
|
|
newMask.style.width = document.body.scrollWidth + "px";
|
|
|
newMask.style.height = document.body.scrollHeight + "px";
|
|
|
newMask.style.top = "0px";
|
|
|
newMask.style.left = "0px";
|
|
|
newMask.style.background = "#000";
|
|
|
newMask.style.filter = "alpha(opacity=40)";
|
|
|
newMask.style.opacity = "0.40";
|
|
|
document.body.appendChild(newMask);
|
|
|
// 关闭mask和新图层
|
|
|
};
|
|
|
|
|
|
}
|
|
|
|
|
|
String.prototype.trim = function() { return this.replace(/(^\s*)|(\s*$)/g,""); }
|
|
|
|
|
|
//pager view
|
|
|
function PagerView(id){
|
|
|
var selfp = this;
|
|
|
this.id = id;
|
|
|
this.container = null;
|
|
|
this.index = 1; // 当前页码, 从1开始
|
|
|
this.size = self.pageShowCount; // 每页显示记录数
|
|
|
this.maxButtons = 9; // 显示的分页按钮数量
|
|
|
this.itemCount = 0; // 记录总数
|
|
|
this.pageCount = 0; // 总页数
|
|
|
/**
|
|
|
* 控件使用者重写本方法, 获取翻页事件, 可用来向服务器端发起AJAX请求.
|
|
|
* @param index: 被点击的页码.
|
|
|
*/
|
|
|
this.onclick = function(index){
|
|
|
};
|
|
|
/**
|
|
|
* 内部方法.
|
|
|
*/
|
|
|
this._onclick = function(index){
|
|
|
selfp.index = index;
|
|
|
selfp.onclick(index);
|
|
|
selfp.render();
|
|
|
};
|
|
|
/**
|
|
|
* 在显示之前计算各种页码变量的值.
|
|
|
*/
|
|
|
this.calculate = function(){
|
|
|
selfp.pageCount = parseInt(Math.ceil(selfp.itemCount / selfp.size));
|
|
|
selfp.index = parseInt(selfp.index);
|
|
|
if(selfp.index > selfp.pageCount){
|
|
|
selfp.index = selfp.pageCount;
|
|
|
}
|
|
|
};
|
|
|
/**
|
|
|
* 渲染分页控件.
|
|
|
*/
|
|
|
this.render = function(){
|
|
|
if(selfp.id != undefined){
|
|
|
var div = document.getElementById(selfp.id);
|
|
|
div.view = selfp;
|
|
|
selfp.container = div;
|
|
|
}
|
|
|
selfp.calculate();
|
|
|
var start, end;
|
|
|
start = Math.max(1, selfp.index - parseInt(selfp.maxButtons/2));
|
|
|
end = Math.min(selfp.pageCount, start + selfp.maxButtons - 1);
|
|
|
start = Math.max(1, end - selfp.maxButtons + 1);
|
|
|
var str = "";
|
|
|
str += "<div class=\"PagerView\">\n";
|
|
|
if(selfp.pageCount > 1){
|
|
|
if(selfp.index != 1){
|
|
|
str += '<a href="javascript://1"><span>|<</span></a>';
|
|
|
str += '<a href="javascript://' + (selfp.index-1) + '"><span><<</span></a>';
|
|
|
}else{
|
|
|
str += '<span>|<</span>';
|
|
|
str += '<span><<</span>';
|
|
|
}
|
|
|
}
|
|
|
for(var i=start; i<=end; i++){
|
|
|
if(i == this.index){
|
|
|
str += '<span class="on">' + i + "</span>";
|
|
|
}else{
|
|
|
str += '<a href="javascript://' + i + '"><span>' + i + "</span></a>";
|
|
|
}
|
|
|
}
|
|
|
if(selfp.pageCount > 1){
|
|
|
if(selfp.index != selfp.pageCount){
|
|
|
str += '<a href="javascript://' + (selfp.index+1) + '"><span>>></span></a>';
|
|
|
str += '<a href="javascript://' + selfp.pageCount + '"><span>>|</span></a>';
|
|
|
}else{
|
|
|
str += '<span>>></span>';
|
|
|
str += '<span>>|</span>';
|
|
|
}
|
|
|
}
|
|
|
str += ' 一共' + selfp.pageCount + '页, ' + selfp.itemCount + '条记录 '+' 每页显示: '+"<select id=\"cusShowCount\" style=\"width:70px;\" onchange=\"changeShowCount('cusShowCount')\">"+selfp.getPageOption(selfp.size)+"</select>";
|
|
|
str += "</div><!-- /.pagerView -->\n";
|
|
|
selfp.container.innerHTML = str;
|
|
|
var a_list = selfp.container.getElementsByTagName('a');
|
|
|
for(var i=0; i<a_list.length; i++){
|
|
|
a_list[i].onclick = function(){
|
|
|
var index = this.getAttribute('href');
|
|
|
if(index != undefined && index != ''){
|
|
|
index = parseInt(index.replace('javascript://', ''));
|
|
|
selfp._onclick(index)
|
|
|
}
|
|
|
return false;
|
|
|
};
|
|
|
|
|
|
}
|
|
|
};
|
|
|
|
|
|
this.getPageOption = function(size){
|
|
|
var pageCountArg = new Array();
|
|
|
pageCountArg.push(5);
|
|
|
pageCountArg.push(15);
|
|
|
pageCountArg.push(30);
|
|
|
pageCountArg.push(50);
|
|
|
pageCountArg.push(100);
|
|
|
pageCountArg.push(200);
|
|
|
|
|
|
var optionStr = "";
|
|
|
for(var i = 0;i<pageCountArg.length;i++){
|
|
|
if(size == parseInt(pageCountArg[i])){
|
|
|
optionStr += "<option value=\""+pageCountArg[i]+"\" selected=\"1\">"+pageCountArg[i]+"</option>";
|
|
|
}else{
|
|
|
optionStr += "<option value=\""+pageCountArg[i]+"\">"+pageCountArg[i]+"</option>";
|
|
|
}
|
|
|
}
|
|
|
|
|
|
return optionStr;
|
|
|
};
|
|
|
}
|
|
|
|
|
|
function el(id){
|
|
|
return document.getElementById(id);
|
|
|
}
|
|
|
|
|
|
function initMenu(gridObj){
|
|
|
el(gridObj).oncontextmenu = function(ev){
|
|
|
showMenu(ev);
|
|
|
return false;
|
|
|
};
|
|
|
document.onmousedown = function(){if(!over)hideMenu();};
|
|
|
};
|
|
|
|
|
|
var over = false;
|
|
|
var menu = null;
|
|
|
|
|
|
function showMenu(ev){
|
|
|
menu = null;
|
|
|
ev = ev || window.event;
|
|
|
|
|
|
hideMenu();
|
|
|
|
|
|
var e = ev.srcElement || ev.target;
|
|
|
|
|
|
if(e.tagName=="TH") return;
|
|
|
|
|
|
var x = ev.pageX || ev.clientX + document.documentElement.scrollLeft;
|
|
|
var y = ev.pageY || ev.clientY + document.documentElement.scrollTop;
|
|
|
|
|
|
menu = document.createElement("DIV");
|
|
|
menu.className = "menu";
|
|
|
menu.style.left = x+4+"px";
|
|
|
menu.style.top = y+"px";
|
|
|
document.body.appendChild(menu);
|
|
|
|
|
|
//alert(e.parentNode.getElementsByTagName("DIV")[1].innerHTML);
|
|
|
var dvGroup = e.parentNode.getElementsByTagName("DIV");
|
|
|
var dvGroupCount = dvGroup.length;
|
|
|
|
|
|
var id ="";
|
|
|
if(dvGroupCount == 1){
|
|
|
id = dvGroup[0].innerHTML;
|
|
|
}
|
|
|
|
|
|
if(id.trim().length < 1){
|
|
|
hideMenu();
|
|
|
return;
|
|
|
}
|
|
|
var sname = document.location.pathname.substring(7,location.pathname.length).toString();
|
|
|
|
|
|
var s = "<div class=\"dvMenu\" onclick=\"editColumnSetting('dvColumnSet')\">编辑显示</div>";
|
|
|
menu.innerHTML = s;
|
|
|
menu.onmouseover = function(){over=true;};
|
|
|
menu.onmouseout = function(){over=false;};
|
|
|
}
|
|
|
|
|
|
|
|
|
function hideMenu(){
|
|
|
if(menu){
|
|
|
document.body.removeChild(menu);
|
|
|
menu = null;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
function editColumnSetting(_id) {
|
|
|
hideMenu();
|
|
|
var m = "mask";
|
|
|
if (docEle(_id)) document.removeChild(docEle(_id));
|
|
|
if (docEle(m)) document.removeChild(docEle(m));
|
|
|
// 新激活图层
|
|
|
var newDiv = document.createElement("div");
|
|
|
newDiv.id = _id;
|
|
|
newDiv.style.position = "absolute";
|
|
|
newDiv.style.zIndex = "9999";
|
|
|
newDiv.style.width = "700px";
|
|
|
newDiv.style.height = "340px";
|
|
|
newDiv.style.top = "100px";
|
|
|
newDiv.style.left = (parseInt(document.body.scrollWidth) - 560) / 2 + "px"; // 屏幕居中
|
|
|
newDiv.style.background = "#EFEFEF";
|
|
|
newDiv.style.border = "1px solid #860001";
|
|
|
newDiv.style.padding = "5px";
|
|
|
getUserGridSetting();
|
|
|
var TargeVal = "";
|
|
|
if(jsonPageObj != null){
|
|
|
for(var i=0;i<jsonPageObj.columns.length;i++){
|
|
|
TargeVal += "<option value=\""+jsonPageObj.columns[i].name+"\">"+jsonPageObj.columns[i].description+"</option>";
|
|
|
}
|
|
|
}
|
|
|
var editObj = "<div style=\"float:left\"><select id=\"sel_LogColumns\" multiple=\"multiple\" style=\"width:200px;height:300px;\">"
|
|
|
+ "<option value=\"NAME\">日志名称</option><option value=\"LOGTYPE\">日志类型</option><option value=\"LOGTIME\">日志记录时间</option>"
|
|
|
+ "<option value=\"LOGCONTENT\">日志内容</option><option value=\"USERNAME\">操作人</option></select></div>"
|
|
|
+ "<div style=\"float:left; width:60px;height:210px;margin:0 auto;text-align:center;vertical-align:middle;line-height:300px; padding-top:90px\">"
|
|
|
+ "<div class=\"imgLeftButton\" onmousemove=\"this.className='imgLeftHoverButton'\" onmouseout=\"this.className='imgLeftButton'\" title=\"添加\" onclick=\"add()\"></div>"
|
|
|
+ "<div class=\"imgRightButton\" onmousemove=\"this.className='imgRightHoverButton'\" onmouseout=\"this.className='imgRightButton'\" title=\"移除\" onclick=\"remove()\"></div>"
|
|
|
+ "</div><div style=\"float:left;\"><select id=\"sel_VisiableColumns\" multiple=\"multiple\" style=\"width:200px;height:300px;\">"+TargeVal+"</select></div>"
|
|
|
+ "<div style=\"float:left; width:60px;height:210px;margin:0 auto;text-align:center;vertical-align:middle;line-height:300px; padding-top:90px\">"
|
|
|
+ "<div class=\"imgUpButton\" onmousemove=\"this.className='imgUpHoverButton'\" onmouseout=\"this.className='imgUpButton'\" title=\"向上\" onclick=\"up()\"></div>"
|
|
|
+ "<div class=\"imgDownButton\" onmousemove=\"this.className='imgDownHoverButton'\" onmouseout=\"this.className='imgDownButton'\" title=\"向下\" onclick=\"down()\"></div></div>"
|
|
|
+ "<div><div style=\"float:left\"><input type=\"text\" id=\"txt_rename\" style=\"height:20px;width:110px; \"/></div>"
|
|
|
+ "<div class=\"enterButton\" style=\"width:30px; \" onclick=\"saveRename()\">保存</div></div>"
|
|
|
+ "<div style=\"float:left; width:70px;\"><div class=\"enterButton\" onclick=\"pushRename()\">重命名</div></div>"
|
|
|
+ "<div style=\"float:left;width:100%;padding-left:120px;\"><div class=\"enterButton\" onclick=\"saveColumnHeader()\">保存</div><div class=\"enterButton\" onclick=\"cancelColumnHeader()\">取消</div></div>";
|
|
|
newDiv.innerHTML = editObj;
|
|
|
document.body.appendChild(newDiv);
|
|
|
// mask图层
|
|
|
var newMask = document.createElement("div");
|
|
|
newMask.id = m;
|
|
|
newMask.style.position = "absolute";
|
|
|
newMask.style.zIndex = "1";
|
|
|
newMask.style.width = document.body.scrollWidth + "px";
|
|
|
newMask.style.height = document.body.scrollHeight + "px";
|
|
|
newMask.style.top = "0px";
|
|
|
newMask.style.left = "0px";
|
|
|
newMask.style.background = "#000";
|
|
|
newMask.style.filter = "alpha(opacity=40)";
|
|
|
newMask.style.opacity = "0.40";
|
|
|
document.body.appendChild(newMask);
|
|
|
// 关闭mask和新图层
|
|
|
}
|
|
|
|
|
|
var docEle = function() {
|
|
|
return document.getElementById(arguments[0]) || false;
|
|
|
}
|
|
|
function openNewDiv(_id) {
|
|
|
var m = "mask";
|
|
|
if (docEle(_id)) document.removeChild(docEle(_id));
|
|
|
if (docEle(m)) document.removeChild(docEle(m));
|
|
|
// 新激活图层
|
|
|
var newDiv = document.createElement("div");
|
|
|
newDiv.id = _id;
|
|
|
newDiv.style.position = "absolute";
|
|
|
newDiv.style.zIndex = "9999";
|
|
|
newDiv.style.width = "200px";
|
|
|
newDiv.style.height = "100px";
|
|
|
newDiv.style.top = "100px";
|
|
|
newDiv.style.left = (parseInt(document.body.scrollWidth) - 300) / 2 + "px"; // 屏幕居中
|
|
|
newDiv.style.background = "#EFEFEF";
|
|
|
newDiv.style.border = "1px solid #860001";
|
|
|
newDiv.style.padding = "5px";
|
|
|
newDiv.innerHTML = "<br/> 您已更改了视图设置 是否保存<br/><br/><br/> ";
|
|
|
document.body.appendChild(newDiv);
|
|
|
// mask图层
|
|
|
var newMask = document.createElement("div");
|
|
|
newMask.id = m;
|
|
|
newMask.style.position = "absolute";
|
|
|
newMask.style.zIndex = "1";
|
|
|
newMask.style.width = document.body.scrollWidth + "px";
|
|
|
newMask.style.height = document.body.scrollHeight + "px";
|
|
|
newMask.style.top = "0px";
|
|
|
newMask.style.left = "0px";
|
|
|
newMask.style.background = "#000";
|
|
|
newMask.style.filter = "alpha(opacity=40)";
|
|
|
newMask.style.opacity = "0.40";
|
|
|
document.body.appendChild(newMask);
|
|
|
// 关闭mask和新图层
|
|
|
var saveButton = document.createElement("a");
|
|
|
saveButton.href = "#";
|
|
|
saveButton.innerHTML = "确定";
|
|
|
saveButton.className="regular";
|
|
|
saveButton.onclick = function() {
|
|
|
change();
|
|
|
//document.body.removeChild(docEle(_id));
|
|
|
//document.body.removeChild(docEle(m));
|
|
|
//return false;
|
|
|
}
|
|
|
newDiv.appendChild(saveButton);
|
|
|
|
|
|
//newDiv.innerHTML += " ";
|
|
|
|
|
|
var cancelButton = document.createElement("a");
|
|
|
cancelButton.href = "#";
|
|
|
cancelButton.innerHTML = "取消";
|
|
|
cancelButton.className="regular";
|
|
|
cancelButton.onclick = function() {
|
|
|
document.body.removeChild(docEle(_id));
|
|
|
document.body.removeChild(docEle(m));
|
|
|
unSaveGrid();
|
|
|
return false;
|
|
|
}
|
|
|
newDiv.appendChild(cancelButton);
|
|
|
}
|
|
|
|
|
|
function changeShowCount(){
|
|
|
|
|
|
} |