933 lines
32 KiB
JavaScript
933 lines
32 KiB
JavaScript
var mygrid_log;
|
|
var pager;
|
|
var jsonPage;
|
|
var jsonPageObj;
|
|
var pageTotal;
|
|
var pageShowCount = 15;
|
|
var curPage = 1;
|
|
|
|
function $(id){
|
|
return document.getElementById(id);
|
|
}
|
|
function initLog()
|
|
{
|
|
//getUserSetting
|
|
getUserGridSetting();
|
|
mygrid_log = new dhtmlXGridObject('mygrid_container_log');
|
|
mygrid_log.setImagePath("../images/");
|
|
mygrid_log.setSkin("xp");
|
|
//
|
|
var arrayHeader = new Array();
|
|
var arrayColWidth = new Array();
|
|
if(jsonPageObj != null){
|
|
|
|
for(var i = 0;i<jsonPageObj.columns.length;i++){
|
|
arrayHeader.push(jsonPageObj.columns[i].description.trim());
|
|
arrayColWidth.push(jsonPageObj.columns[i].width);
|
|
|
|
}
|
|
var strHeader = arrayHeader.toString();
|
|
var strWidth = arrayColWidth.toString();
|
|
pageShowCount = jsonPageObj.show;
|
|
mygrid_log.setHeader(strHeader);
|
|
mygrid_log.setInitWidths(strWidth);
|
|
}
|
|
else
|
|
{
|
|
mygrid_log.setHeader("<input type=\"checkbox\" id=\"ck_all_1\" onclick=\"checkall_1()\" />,提单号,船名,航次,ETD,客户名称,目的港,船公司,签单方式");
|
|
mygrid_log.setInitWidths("20,150,120,60,120,100,150,100,60");
|
|
}
|
|
mygrid_log.setColAlign("center,left,left,left,left,left,left,left,left");
|
|
mygrid_log.setColSorting("na,str,str,str,str,str,str,str,str");
|
|
mygrid_log.setColTypes("ch,ro,ro,ro,ro,ro,ro,ro,ro");
|
|
mygrid_log.init();
|
|
//mygrid_log.enableDragAndDrop(true);
|
|
//mygrid_log.enableDragOrder(true);
|
|
// mygrid_log.enableColumnMove(true);
|
|
|
|
mygrid_log.load("SeaExportInfoBlissueGridSource.aspx?handle=list&show_page="+pageShowCount+"&cur_page=1&strSel="+escape($("hid_sel").value),"json");
|
|
//
|
|
setTimeout(function(){
|
|
initPage();
|
|
//mygrid_log.groupBy(3);
|
|
//getUserGridSetting();
|
|
},300);
|
|
|
|
// mygrid_log.attachEvent("onBeforeCMove",function(sInd,tInd){
|
|
// alert(mygrid_log.getColumnLabel(sInd));
|
|
// alert(mygrid_log.getColumnLabel(tInd));
|
|
// });
|
|
}
|
|
|
|
function getUserGridSetting(){
|
|
var urlVal = "SeaExportInfoBlissueGridSource.aspx?handle=setting&val="+newGuid()+"&strSel="+escape($("hid_sel").value);
|
|
var loader = dhtmlxAjax.getSync(urlVal);
|
|
var loadVal = loader.xmlDoc.responseText;
|
|
|
|
jsonPage = loadVal;
|
|
if(IsNum(jsonPage)){
|
|
jsonPageObj = null;
|
|
}else{
|
|
jsonPageObj = eval('(' + loadVal + ')');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function PagerView(id){
|
|
var self = this;
|
|
this.id = id;
|
|
this.container = null;
|
|
this.index = 1; // 当前页码, 从1开始
|
|
this.size = pageShowCount; // 每页显示记录数
|
|
this.maxButtons = 9; // 显示的分页按钮数量
|
|
this.itemCount = 0; // 记录总数
|
|
this.pageCount = 0; // 总页数
|
|
/**
|
|
* 控件使用者重写本方法, 获取翻页事件, 可用来向服务器端发起AJAX请求.
|
|
* @param index: 被点击的页码.
|
|
*/
|
|
this.onclick = function(index){
|
|
};
|
|
/**
|
|
* 内部方法.
|
|
*/
|
|
this._onclick = function(index){
|
|
self.index = index;
|
|
self.onclick(index);
|
|
self.render();
|
|
};
|
|
/**
|
|
* 在显示之前计算各种页码变量的值.
|
|
*/
|
|
this.calculate = function(){
|
|
self.pageCount = parseInt(Math.ceil(self.itemCount / self.size));
|
|
self.index = parseInt(self.index);
|
|
if(self.index > self.pageCount){
|
|
self.index = self.pageCount;
|
|
}
|
|
};
|
|
/**
|
|
* 渲染分页控件.
|
|
*/
|
|
this.render = function(){
|
|
if(self.id != undefined){
|
|
var div = document.getElementById(self.id);
|
|
div.view = self;
|
|
self.container = div;
|
|
}
|
|
self.calculate();
|
|
var start, end;
|
|
start = Math.max(1, self.index - parseInt(self.maxButtons/2));
|
|
end = Math.min(self.pageCount, start + self.maxButtons - 1);
|
|
start = Math.max(1, end - self.maxButtons + 1);
|
|
var str = "";
|
|
str += "<div class=\"PagerView\">\n";
|
|
if(self.pageCount > 1){
|
|
if(self.index != 1){
|
|
str += '<a href="javascript://1"><span>|<</span></a>';
|
|
str += '<a href="javascript://' + (self.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(self.pageCount > 1){
|
|
if(self.index != self.pageCount){
|
|
str += '<a href="javascript://' + (self.index+1) + '"><span>>></span></a>';
|
|
str += '<a href="javascript://' + self.pageCount + '"><span>>|</span></a>';
|
|
}else{
|
|
str += '<span>>></span>';
|
|
str += '<span>>|</span>';
|
|
}
|
|
}
|
|
str += ' 一共' + self.pageCount + '页, ' + self.itemCount + '条记录 '+' 每页显示: '+"<select id=\"cusShowCount\" style=\"width:70px;\" onchange=\"changeShowCount('cusShowCount')\">"+getPageOption()+"</select>";
|
|
str += "</div><!-- /.pagerView -->\n";
|
|
self.container.innerHTML = str;
|
|
var a_list = self.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://', ''));
|
|
self._onclick(index)
|
|
}
|
|
return false;
|
|
};
|
|
|
|
}
|
|
};
|
|
}
|
|
//初始化页面
|
|
function initPage(){
|
|
pager = new PagerView('pager');
|
|
|
|
var urlVal = "SeaExportInfoBlissueGridSource.aspx?handle=page&val="+newGuid()+"&strSel="+escape($("hid_sel").value);
|
|
var loader = dhtmlxAjax.getSync(urlVal);
|
|
var loadVal = loader.xmlDoc.responseText;
|
|
pageTotal = loadVal;
|
|
pager.itemCount = pageTotal;
|
|
pager.size = pageShowCount;
|
|
pager.index = 1;
|
|
pager.onclick = function(index){
|
|
document.getElementById('info').innerHTML = '现在翻到第' + index + '页';
|
|
getUserGridSetting();
|
|
mygrid_log = new dhtmlXGridObject('mygrid_container_log');
|
|
mygrid_log.setImagePath("../images/");
|
|
mygrid_log.setSkin("xp");
|
|
var arrayHeader = new Array();
|
|
var arrayColWidth = new Array();
|
|
if(jsonPageObj != null){
|
|
|
|
for(var i = 0;i<jsonPageObj.columns.length;i++){
|
|
arrayHeader.push(jsonPageObj.columns[i].description.trim());
|
|
arrayColWidth.push(jsonPageObj.columns[i].width);
|
|
|
|
}
|
|
|
|
var strHeader = arrayHeader.toString();
|
|
var strWidth = arrayColWidth.toString();
|
|
pageShowCount = jsonPageObj.show;
|
|
mygrid_log.setHeader(strHeader);
|
|
mygrid_log.setInitWidths(strWidth);
|
|
|
|
|
|
}
|
|
else
|
|
{
|
|
mygrid_log.setHeader("<input type=\"checkbox\" id=\"ck_all\" onclick=\"checkall_1()\" />,提单号,船名,航次,ETD,客户名称,目的港,船公司,签单方式");
|
|
mygrid_log.setInitWidths("20,150,120,60,120,100,150,100,60");
|
|
}
|
|
mygrid_log.setColAlign("center,left,left,left,left,left,left,left,left");
|
|
mygrid_log.setColSorting("na,str,str,str,str,str,str,str,str");
|
|
mygrid_log.setColTypes("ch,ro,ro,ro,ro,ro,ro,ro,ro");
|
|
mygrid_log.init();
|
|
// mygrid_log.enableDragAndDrop(true);
|
|
// mygrid_log.enableDragOrder(true);
|
|
// mygrid_log.enableColumnMove(true);
|
|
|
|
setTimeout(function(){
|
|
mygrid_log.load("SeaExportInfoBlissueGridSource.aspx?handle=list&show_page="+pager.size.toString()+"&cur_page="+index+"&strSel="+escape($("hid_sel").value),"json");
|
|
},300);
|
|
|
|
initMenu();
|
|
|
|
};
|
|
pager.render();
|
|
}
|
|
|
|
//获取GUID
|
|
function newGuid()
|
|
{
|
|
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();
|
|
}
|
|
function change()
|
|
{
|
|
var colCount = mygrid_log.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 = mygrid_log.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\":\""+mygrid_log.getColumnLabel(i)+"\",";//column description
|
|
tempJson += "\"col4\":\""+i.toString()+"\",";//index
|
|
tempJson += "\"col5\":\""+mygrid_log.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() ;
|
|
}
|
|
function el(id){
|
|
return document.getElementById(id);
|
|
}
|
|
|
|
function initMenu(){
|
|
el("mygrid_container_log").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;
|
|
}
|
|
// = e.parentNode.getElementsByTagName("td")[1].innerHTML;
|
|
|
|
// e.parentNode.id = "tr_"+id;
|
|
|
|
var sname = document.location.pathname.substring(7,location.pathname.length).toString();
|
|
|
|
// var s = "<a href=\"javascript:showInfo({id},'{sname}');\">编辑标题</a>";
|
|
// s += "<a href=\"javascript:refresh('{sname}');\">重新排序</a>";
|
|
// //s += "<a href='javascript:editInfo({id});'>修改用户信息</a>";
|
|
// //s += "<a href='javascript:deleteInfo({id});'>删除该条记录</a>";
|
|
// s = s.replace(/{id}/g, id);
|
|
// s = s.replace(/{sname}/g, sname);
|
|
|
|
// var s = "<input type=\"text\" id=\"txt_label\" style=\"width:90px;\" value=\""+id+"\" /><a style=\"width:30px;\" href=\"javascript:void(0);\" onclick=\"saveLabel('txt_label','"+id+"')\" >保存</a>";
|
|
// var s = "<div style=\"float:left;width:100%;padding-left:120px;\"><div class=\"enterButton\" onclick=\"saveColumnHeader()\">保存</div><div class=\"enterButton\" onclick=\"cancelColumnHeader()\">取消</div></div>";
|
|
var s = "<div class=\"dvMenu\" >修改标题</div><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 refresh(sname){
|
|
var req = getReq();
|
|
req.open("GET", sname+"?refresh=1&id=", true);
|
|
/*req.onreadystatechange = function(){
|
|
if(req.readyState==4)
|
|
{
|
|
el("bod").innerHTML = req.responseText;
|
|
}
|
|
};*/
|
|
req.send(null);
|
|
}
|
|
|
|
function showInfo(id,sname){
|
|
hideMenu();
|
|
shideBody();
|
|
|
|
el("tit").innerHTML = "查看用户的详细信息";
|
|
el("bod").innerHTML = "<img src='wait.gif' alt='loading...' />";
|
|
el("bot").innerHTML = "<input type='button' value='关闭' onclick='cancelShide()' />";
|
|
|
|
var req = getReq();
|
|
req.open("GET", sname+"?getinfo=1&id="+id, true);
|
|
req.onreadystatechange = function(){
|
|
if(req.readyState==4){
|
|
el("bod").innerHTML = req.responseText;
|
|
}
|
|
};
|
|
req.send(null);
|
|
}
|
|
//function editInfo(id){
|
|
// hideMenu();
|
|
// shideBody();
|
|
//
|
|
// el("tit").innerHTML = "编辑用户信息";
|
|
// el("bod").innerHTML = "<img src='wait.gif' alt='loading...' />";
|
|
// el("bot").innerHTML = "<input type='button' value='确定' onclick='doEdit("+id+")' /> <input type='button' value='取消' onclick='cancelShide()' />";
|
|
// var tds = el("tr_"+id).getElementsByTagName("td");
|
|
// var boy = tds[2].innerHTML == "男";
|
|
// var s = "<table>";
|
|
// s += "<tr><td>姓名</td><td><input type='text' value='"+ tds[1].innerHTML +"' /></td></tr>";
|
|
// s += "<tr><td>性别</td><td><input type='radio' name='rad_sex'"+ (boy?" checked":"") +" />男 <input type='radio' name='rad_sex'"+ (!boy?" checked":"") +" />女</td></tr>";
|
|
// s += "<tr><td>年龄</td><td><input type='text' value='"+ tds[3].innerHTML +"' /></td></tr>";
|
|
// s += "</table>";
|
|
// el("bod").innerHTML = s;
|
|
//}
|
|
//function deleteInfo(id){
|
|
// hideMenu();
|
|
// if(!confirm("确定要删除该记录吗?"))return;
|
|
//
|
|
// removeRow(el("tr_"+id));
|
|
//
|
|
// var req = getReq();
|
|
// req.open("GET", "default.aspx?delete=1&id="+id, true);
|
|
// req.onreadystatechange = function(){};
|
|
// req.send(null);
|
|
//}
|
|
//function doEdit(id){
|
|
// var puts = el("bod").getElementsByTagName("input");
|
|
// if(isNaN(puts[3].value)){
|
|
// puts[3].select();return;
|
|
// }
|
|
// var tds = el("tr_"+id).getElementsByTagName("td");
|
|
// tds[1].innerHTML = puts[0].value;
|
|
// tds[2].innerHTML = puts[1].checked?"男":"女";
|
|
// tds[3].innerHTML = puts[3].value;
|
|
//
|
|
// var data = "name="+ escape(tds[1].innerHTML);
|
|
// data += "&sex="+ escape(tds[2].innerHTML);
|
|
// data += "&age="+ escape(tds[3].innerHTML);
|
|
//
|
|
// var req = getReq();
|
|
// req.open("POST", "default.aspx?edit=1&id="+id, true);
|
|
// req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
|
|
// req.onreadystatechange = function(){};
|
|
// req.send(data);
|
|
//
|
|
// cancelShide();
|
|
//}
|
|
|
|
var shield;
|
|
function shideBody()
|
|
{
|
|
shield = document.createElement("DIV");
|
|
shield.id = "shield";
|
|
shield.style.position = "absolute";
|
|
shield.style.left = "0px";
|
|
shield.style.top = "0px";
|
|
shield.style.width = "100%";
|
|
shield.style.height = document.documentElement.scrollHeight+"px";
|
|
shield.style.background = "#333333";
|
|
shield.style.textAlign = "center";
|
|
shield.style.zIndex = "10";
|
|
shield.style.filter = "alpha(opacity=0)";
|
|
shield.style.opacity = 0;
|
|
document.body.appendChild(shield);
|
|
|
|
this.setOpacity = function(obj,opacity){
|
|
if(opacity>=1)opacity=opacity/100;
|
|
try{ obj.style.opacity=opacity; }catch(e){}
|
|
try{
|
|
if(obj.filters.length>0 && obj.filters("alpha")){
|
|
obj.filters("alpha").opacity=opacity*150;
|
|
}else{
|
|
obj.style.filter="alpha(opacity=\""+(opacity*150)+"\")";
|
|
}
|
|
}catch(e){}
|
|
}
|
|
var c = 0;
|
|
this.doAlpha = function(){
|
|
if (++c > 20){clearInterval(ad);return 0;}
|
|
setOpacity(shield,c);
|
|
}
|
|
var ad = setInterval("doAlpha()",1);
|
|
|
|
el("divh").style.display = "";
|
|
el("divh").style.marginTop = -75+document.documentElement.scrollTop + "px";
|
|
}
|
|
function cancelShide()
|
|
{
|
|
if(el("divh"))
|
|
{
|
|
el("divh").style.display = "none";
|
|
}
|
|
if(shield)
|
|
{
|
|
document.body.removeChild(shield);
|
|
shield = null;
|
|
}
|
|
}
|
|
|
|
function getReq()
|
|
{
|
|
var oHttpReq = null;
|
|
|
|
if(window.ActiveXObject)
|
|
oHttpReq = new ActiveXObject("MSXML2.XMLHTTP");
|
|
else if(window.createRequest)
|
|
oHttpReq = window.createRequest();
|
|
else
|
|
oHttpReq = new XMLHttpRequest();
|
|
|
|
return oHttpReq;
|
|
}
|
|
|
|
function removeRow(e)
|
|
{
|
|
e.style.backgroundColor = "#ff0000";
|
|
setTimeout(function(){e.style.backgroundColor = "#ffcccc";},100);
|
|
setTimeout(function(){e.style.backgroundColor = "MistyRose";},300);
|
|
setTimeout(function(){e.style.display = "none";},450);
|
|
}
|
|
|
|
//是否为数字
|
|
function IsNum(val){
|
|
var re = /^[-\+]?\d+(\.\d+)?$/;
|
|
if (!re.test(val)){
|
|
return false;
|
|
}else{
|
|
return true;
|
|
}
|
|
}
|
|
|
|
function getPageOption(){
|
|
var pageCountArg = new Array();
|
|
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(pageShowCount == 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 changeShowCount(id){
|
|
var selectObj = $(id);
|
|
|
|
var selVal = selectObj.options[selectObj.selectedIndex].value;
|
|
pageShowCount = selVal;
|
|
|
|
openNewDiv();
|
|
|
|
}
|
|
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 unSaveGrid(){
|
|
mygrid_log = new dhtmlXGridObject('mygrid_container_log');
|
|
mygrid_log.setImagePath("../images/");
|
|
mygrid_log.setSkin("xp");
|
|
mygrid_log.setHeader("<input type=\"checkbox\" id=\"ck_all\" onclick=\"checkall_1()\" />,提单号,船名,航次,ETD,客户名称,目的港,船公司,签单方式");
|
|
mygrid_log.setInitWidths("20,150,120,60,120,100,150,100,60");
|
|
mygrid_log.setColAlign("center,left,left,left,left,left,left,left,left");
|
|
mygrid_log.setColSorting("na,str,str,str,str,str,str,str,str");
|
|
mygrid_log.setColTypes("ch,ro,ro,ro,ro,ro,ro,ro,ro");
|
|
mygrid_log.init();
|
|
// mygrid_log.enableDragAndDrop(true);
|
|
// mygrid_log.enableDragOrder(true);
|
|
// mygrid_log.enableColumnMove(true);
|
|
|
|
setTimeout(function(){
|
|
mygrid_log.load("SeaExportInfoBlissueGridSource.aspx?handle=list&show_page="+pageShowCount+"&cur_page=1&strSel="+escape($("hid_sel").value),"json");
|
|
},300);
|
|
|
|
initPage();
|
|
initMenu();
|
|
}
|
|
|
|
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=\"MBLNO\">提单号</option>"
|
|
+ "<option value=\"VESSEL\">船名</option>"
|
|
+ "<option value=\"VOYNO\">航次</option>"
|
|
+ "<option value=\"ETD\">ETD</option>"
|
|
+ "<option value=\"CUSTOMERNAME\">客户名称</option>"
|
|
+ "<option value=\"PORTDISCHARGE\">目的港</option>"
|
|
+ "<option value=\"CARRIER\">船公司</option>"
|
|
+ "<option value=\"ISSUETYPE\">签单方式</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 sourceObj;
|
|
var targetObj;
|
|
/*
|
|
function $(id){
|
|
return document.getElementById(id);
|
|
}
|
|
*/
|
|
function add(){
|
|
sourceObj = $("sel_LogColumns");
|
|
targetObj = $("sel_VisiableColumns");
|
|
|
|
for(var i=0;i<sourceObj.options.length;i++){
|
|
if(sourceObj.options[i].selected){
|
|
if(!isExistVal(targetObj,sourceObj.options[i].value)){
|
|
var optionObj = document.createElement("option");
|
|
optionObj.text = sourceObj.options[i].text;
|
|
optionObj.value = sourceObj.options[i].value;
|
|
|
|
targetObj.add(optionObj);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function remove(){
|
|
sourceObj = $("sel_VisiableColumns");
|
|
|
|
for(var i=0;i<sourceObj.options.length;i++){
|
|
if(sourceObj.options[i].selected){
|
|
sourceObj.remove(i);
|
|
i = -1;
|
|
}
|
|
}
|
|
}
|
|
|
|
function up(){
|
|
sourceObj = $("sel_VisiableColumns");
|
|
|
|
var cacheArg = new Array();
|
|
for(var i=0;i<sourceObj.options.length;i++){
|
|
if(sourceObj.options[i].selected){
|
|
var optionObj = sourceObj.options[i];
|
|
|
|
if(i > 1){
|
|
sourceObj.remove(i);
|
|
sourceObj.add(optionObj,i-1);
|
|
}else{
|
|
sourceObj.remove(i);
|
|
sourceObj.add(optionObj,0);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function down(){
|
|
sourceObj = $("sel_VisiableColumns");
|
|
|
|
var cacheArg = new Array();
|
|
for(var i=0;i<sourceObj.options.length;i++){
|
|
if(sourceObj.options[i].selected){
|
|
var optionObj = sourceObj.options[i];
|
|
|
|
if(i < sourceObj.options.length){
|
|
sourceObj.remove(i);
|
|
sourceObj.add(optionObj,i+1);
|
|
i = i+1;
|
|
}else{
|
|
sourceObj.remove(i);
|
|
sourceObj.add(optionObj,sourceObj.options.length);
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
function isExistVal(tagObj,val){
|
|
var isExist = false;
|
|
for(var i=0;i<tagObj.options.length;i++){
|
|
if(tagObj.options[i].value == val){
|
|
isExist = true;
|
|
break;
|
|
}
|
|
}
|
|
return isExist;
|
|
}
|
|
|
|
function getColumnWidth(gridObj,txtVal){
|
|
var colWidth = 50;
|
|
var colCount = gridObj.getColumnsNum();
|
|
|
|
for(var i=0;i<colCount;i++){
|
|
var rId = mygrid_log.getRowId(i);
|
|
var colLab = mygrid_log.getColumnLabel(i);
|
|
if(colLab.trim() == txtVal){
|
|
colWidth = mygrid_log.getColWidth(i);
|
|
}
|
|
}
|
|
|
|
return colWidth;
|
|
}
|
|
|
|
function getColumnIndex(tagObj,val){
|
|
var colIndex = 0;
|
|
|
|
for(var i=0;i<tagObj.options.length;i++){
|
|
if(tagObj.options[i].value == val){
|
|
colIndex = i;
|
|
break;
|
|
}
|
|
}
|
|
|
|
return colIndex;
|
|
}
|
|
|
|
function saveColumnHeader(){
|
|
var sel_VisibleObj = $("sel_VisiableColumns");
|
|
sourceObj = $("sel_LogColumns");
|
|
|
|
if(sel_VisibleObj.options.length > 0){
|
|
document.body.removeChild(docEle("dvColumnSet"));
|
|
document.body.removeChild(docEle("mask"));
|
|
}else{
|
|
document.body.removeChild(docEle("dvColumnSet"));
|
|
document.body.removeChild(docEle("mask"));
|
|
return
|
|
}
|
|
|
|
var jsonLogObj = "";
|
|
|
|
jsonLogObj = "{\"$type\":\"DSWeb.Models.JsonColumnGroupEntity, DSWeb, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null\",\"ShowCount\":"+pageShowCount+",\"JsonColumnEntities\":[";
|
|
|
|
var tempGroupJson = "";
|
|
for(var i=0;i<sourceObj.options.length;i++){
|
|
var tempJson = "";
|
|
|
|
tempJson += "\"$type\":\"DSWeb.Models.JsonColumnEntity, DSWeb, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null\",";
|
|
|
|
tempJson += "\"col1\":\"\",";//gid
|
|
tempJson += "\"col2\":\""+sourceObj.options[i].value+"\",";//column name
|
|
tempJson += "\"col3\":\""+sourceObj.options[i].text+"\",";//column description
|
|
tempJson += "\"col4\":\""+getColumnIndex(sel_VisibleObj,sourceObj.options[i].value).toString()+"\",";//index
|
|
tempJson += "\"col5\":\""+getColumnWidth(mygrid_log,sourceObj.options[i].text)+"\",";//width
|
|
tempJson += "\"col6\":"+(isExistVal(sel_VisibleObj,sourceObj.options[i].value)?1:0).toString();
|
|
|
|
tempJson = "{"+tempJson+"}";
|
|
if(i == sourceObj.options.length - 1){
|
|
tempGroupJson += tempJson;
|
|
}else{
|
|
tempGroupJson += tempJson+",";
|
|
}
|
|
}
|
|
|
|
jsonLogObj += tempGroupJson;
|
|
jsonLogObj += "]}";
|
|
|
|
$("hid_header").value = jsonLogObj;
|
|
jsonFeeObj = null;
|
|
//alert(jsonFeeObj);
|
|
var myForm = document.getElementById("form1");
|
|
myForm.submit() ;
|
|
}
|
|
|
|
function cancelColumnHeader(){
|
|
document.body.removeChild(docEle("dvColumnSet"));
|
|
document.body.removeChild(docEle("mask"));
|
|
}
|
|
|
|
|
|
var selIndex = -1;
|
|
function pushRename(){
|
|
var selObj = $("sel_VisiableColumns");
|
|
var iSelectCount = 0;
|
|
selIndex = 0;
|
|
for(var i=0;i<selObj.options.length;i++){
|
|
if(selObj.options[i].selected){
|
|
iSelectCount++;
|
|
selIndex = i;
|
|
}
|
|
}
|
|
|
|
if(iSelectCount > 1){
|
|
alert("请单选要重命名的项");
|
|
}else if(iSelectCount < 1){
|
|
alert("未选中要重命名的项");
|
|
}else{
|
|
$("txt_rename").value = selObj.options[selIndex].text;
|
|
}
|
|
}
|
|
|
|
function saveRename(){
|
|
|
|
var selObj = $("sel_VisiableColumns");
|
|
var txtRenameVal = $("txt_rename").value;
|
|
|
|
if(txtRenameVal.trim() != ""){
|
|
if(selIndex >= 0){
|
|
var urlVal = "SeaExportInfoBlissueGridSource.aspx?handle=rename&old_header="+escape(selObj.options[selIndex].text.trim())+"&new_header="+escape(txtRenameVal.trim())+"&val="+newGuid()+"&strSel="+escape($("hid_sel").value);
|
|
|
|
var loader = dhtmlxAjax.getSync(urlVal);
|
|
var loadVal = loader.xmlDoc.responseText;
|
|
|
|
var saveState = loadVal;
|
|
if(saveState == 1)
|
|
{
|
|
selObj.options[selIndex].text = txtRenameVal.trim();
|
|
}
|
|
else
|
|
{
|
|
alert("重命名失败");
|
|
}
|
|
|
|
}
|
|
}
|
|
initLog();
|
|
}
|
|
|
|
function time_custom(a,b,order){
|
|
a=a.split(":")
|
|
b=a.split(":")
|
|
if (a[0]==b[0])
|
|
return (a[1]>b[1]?1:-1)*(order=="asc"?1:-1);
|
|
else
|
|
return (a[0]>b[0]?1:-1)*(order=="asc"?1:-1);
|
|
}
|
|
|
|
String.prototype.trim = function() { return this.replace(/(^\s*)|(\s*$)/g,""); }
|
|
|
|
//全选框
|
|
function checkall_1()
|
|
{
|
|
var checkStatus = $("ck_all_1").checked;
|
|
if(checkStatus == 1)
|
|
{
|
|
var iCount = mygrid_log.getRowsNum();
|
|
for(var i=0;i < iCount;i++)
|
|
{
|
|
mygrid_log.cellByIndex(i,0).setValue(1);
|
|
}
|
|
}
|
|
else
|
|
{
|
|
var iCount = mygrid_log.getRowsNum();
|
|
for(var i=0;i < iCount;i++)
|
|
{
|
|
mygrid_log.cellByIndex(i,0).setValue(0);
|
|
}
|
|
}
|
|
} |