dhtmlXGrid 同一个列表区，不同列显示

最新推荐文章于 2024-07-15 15:35:16 发布
xixi_666
最新推荐文章于 2024-07-15 15:35:16 发布
阅读量801
点赞数
分类专栏： js
本文链接：https://blog.csdn.net/xixi_666/article/details/23746137
版权
js 专栏收录该内容
25 篇文章 0 订阅
订阅专栏
document.write('<link type="text/css" rel="stylesheet" href="../../../../../script/grid/css/dhtmlXGrid.css">');
document.write('<script language="javascript" type="text/javascript" src="../../../../../script/grid/js/dhtmlXCommon.js"></script>');
document.write('<script language="javascript" type="text/javascript" src="../../../../../script/grid/js/dhtmlXGrid.js"></script>');
document.write('<script language="javascript" type="text/javascript" src="../../../../../script/grid/js/dhtmlXGridCell.js"></script>');	

document.write('<script language="JavaScript" type="text/javascript" src="../../../../../script/public/pagecontrol.js"></script>');	

//====================================================================
//通过top页jser的_import方法加载类库,以短名引用
//====================================================================
var getClass=function(sClass){
	top._import( sClass );
	return window[sClass.replace(/.*\./g,"")]=top.Class.forName( sClass);
}

getClass("cdmcs.Html.TextInput");
getClass("cdmcs.Html.Textarea");
getClass("cdmcs.runtime.Thread");
getClass("cdmcs.UI.LoadingBar");
getClass("com.homolo.commons.util.DateFormat");
_import("cdmcs.Form.InputMask.InputDateTimeMask");
_import("app.SysTimeManager");

var progressbar;

var thread_ListInfo = new Thread();   // 用于信息列表

var dwData;           // 从数据库信息结果集
var gsResultName = "P_RESULT";

//======================================================================
// 全局变量
//======================================================================
var gUserOBJ = new userObj();

// 取登录用户ID号
var giLoginUserID;

var gridInfo;


var gsRowMsg = '<span class="style1"> 记录数：0 条</span>';

var	gsSQLStr     = "";
var gbFirstQuery = true;	// 第一次检索数据标志
var giPAGEROWS   = 22;		// 每一页检索记录行数
var giPAGE       = 1;		  // 检索页号 (值大于1)
var giTOTALROWS  = 0;		  // 满足条件总记录数
var giTOTALPAGES = 0;		  // 满足条件总页数

var gs_exportURLParm;

var gsYWLX = "XH905";     // 临牌转出查询

var gbQUERY = false;      // 是否已检索数据【true：已检索】

var giExcelRecord = 10000;

//======================================================================
// 初始化函数
//======================================================================
function init(){
  // 取工作区域的最大高度
  var giWorkH = Math.max( document.documentElement.clientHeight , document.body.clientHeight);
  // 重新计算每页检索记录条数
  giPAGEROWS = Math.round((giWorkH - 60.5)/ 23.5);

  // 取得用户信息
  if (!gUserOBJ.getUserInfo()){
    alert(gUserOBJ.C_MSG);
    return;
  }

  giLoginUserID = gUserOBJ.N_USERID;
   //初始化时 先new好对象 dhtmlXGridObject
    gridInfo = new dhtmlXGridObject('infoGrid');
	gridInfo.setImagePath("../../../../../script/grid/imgs/");
	
	var tr_len = gridInfo.hdr.rows.length;
	for(var i = tr_len-1;i >= 0;i--){
		gridInfo.hdr.deleteRow(i); 
	}
	
	init_Grid_0();
	
  init_Event();
  
  CXTYPE1_OnClick();
}

//======================================================================
// 初始化显示表格   临牌号码查询
//======================================================================
function init_Grid_0(){
	
	//临牌号码 登记日期 临牌序列号 所有人 身份证明名称及号码 车辆识别代号 有效期 有效期止 转出时间 转出操作员 
//	gridInfo = new dhtmlXGridObject('infoGrid');
//	gridInfo.setImagePath("../../../../../script/grid/imgs/");
	gridInfo.setHeader("临牌号码,登记日期,临牌序列号,所有人,身份证明名称及号码,车辆识别代号,有效期,有效期止,转出时间,转出操作员");
	gridInfo.setInitWidthsP("8,10,10,10,18,12,10,10,15,10");
	gridInfo.setColAlign("left,center,left,left,left,left,center,center,center,left" );
	gridInfo.setColSorting("str,str,str,str,str,str,str,str,str,str");
	gridInfo.setColTypes("ro,ro,ro,ro,ro,ro,ro,ro,ro,ro");
	gridInfo.setEditable(false);
	gridInfo.init();
	gridInfo.enableAlterCss("GridRowColorEven","GridRowColorUnEven");
	gridInfo.enableKeyboardSupport(true);
//  gridInfo.setOnRowSelectHandler(f_SelectRow);
//  gridInfo.setDblClickHandler(f_ShowInfo);
}

//======================================================================
//初始化显示表格   转出日期查询
//======================================================================
function init_Grid_1(){
	
	
	//转出时间,转出数
//	gridInfo = new dhtmlXGridObject('infoGrid');
//	gridInfo.setImagePath("../../../../../script/grid/imgs/");
	gridInfo.setHeader("转出时间,转出数");
	gridInfo.setInitWidthsP("50,50");
	gridInfo.setColAlign("center,right");
	gridInfo.setColSorting("str,str");
	gridInfo.setColTypes("ro,ro");
	gridInfo.setEditable(false);
	gridInfo.init();
	gridInfo.enableAlterCss("GridRowColorEven","GridRowColorUnEven");
	gridInfo.enableKeyboardSupport(true);
//gridInfo.setOnRowSelectHandler(f_SelectRow);
//gridInfo.setDblClickHandler(f_ShowInfo);
}

//======================================================================
// 初始化输入域及按钮事件
//======================================================================
function init_Event(){
  //==================================================================
  // 创建检索进度条
  //==================================================================
  progressbar = new LoadingBar(document);
  progressbar.hide();

  //==================================================================
	// 翻页按键事件处理
  //==================================================================
	document.getElementById("page_first").onclick = f_GetData_First;
	document.getElementById("page_prev").onclick  = f_GetData_Prev;
	document.getElementById("page_next").onclick  = f_GetData_Next;
	document.getElementById("page_last").onclick  = f_GetData_Last;

	document.getElementById("btnTOPAGE").onclick  = f_GetData_goPage;
	$("C_PAGENUM").onkeyup  = C_PAGENUM_EnterKey;
  //==================================================================

	TextInput.applyTo($("C_LPHM"));
	$("C_LPHM").onkeyup  = C_LPHM_EnterKey;
	
	$("CXTYPE1").onclick  = CXTYPE1_OnClick;
	$("CXTYPE2").onclick  = CXTYPE2_OnClick;
	
	
	$("btnQuery").onclick = btnQuery_onClicked;
	$("btnDel").onclick = f_btnDel;

}





//======================================================================
// 在检索 "临牌号码"按键事件控制
//======================================================================
function C_LPHM_EnterKey() {
	
	var sLPHM = $("C_LPHM").value;//临牌号码
	$("C_LPHM").value = sLPHM.toUpperCase().replace(/^\s+|\s+$/g,"");
	sLPHM = $("C_LPHM").value;
	if(sLPHM == null || sLPHM == ""){
		if(event.keyCode == 13){
			$("C_LPXH").focus();
		}
		return;
	}
	
	

	var reg = new RegExp("^[a-zA-Z0-9_]{0,}$");
	
	if(!reg.test(sLPHM)){
		$("C_LPHM").value = sLPHM.replace(/[^a-zA-Z0-9_]/g,"");//.substring(0,sHPHM.length-1);
		return;
	}
	if(event.keyCode == 13 || sLPHM.lenght == 6){
		$("btnQuery").focus();
	}
}

function CXTYPE1_OnClick(){
	$("CXTYPE1").checked = true;
	$("CXTYPE2").checked = false;
	
	$("C_LPHM").disabled = false;
	$("C_RQ1").disabled = true;
	$("C_RQ2").disabled = true;

	$("C_LPHM").className = "oneInput";
	$("C_RQ1").className = "oneInputDisable";
	$("C_RQ2").className = "oneInputDisable";
	
	$("btnDel").disabled = true;
	
	$("C_RQ1").value = "";
	$("C_RQ2").value = "";
	$("C_LPHM").focus();
	//变换列表时  需要做的操作  
	gridInfo.clearAll();
	gridInfo.hdr.rows[1].parentNode.removeChild(gridInfo.hdr.rows[1]);
	gridInfo.hdr.rows[0].parentNode.removeChild(gridInfo.hdr.rows[0]);
	
	$("PageRow").innerHTML = gsRowMsg;
	
	Show_PageNum_ddlb(0);

	// 初次置翻页按键属性
	var curPAGE = f_PageKey('1', 0, 0);
	
	init_Grid_0();
}
function CXTYPE2_OnClick(){
	$("CXTYPE1").checked = false;
	$("CXTYPE2").checked = true;
	
	$("C_LPHM").disabled = true;
	$("C_RQ1").disabled = false;
	$("C_RQ2").disabled = false;
	
	$("btnDel").disabled = true;
	
	$("C_LPHM").className = "oneInputDisable";
	$("C_RQ1").className = "oneInput";
	$("C_RQ2").className = "oneInput";

	var data = SysTimeManager.getDate();
	var dtformat = new DateFormat('yyyy-MM-dd');
	$("C_RQ1").value = dtformat.format(data);
	$("C_RQ2").value = dtformat.format(data);
	
	$("C_LPHM").value = "";
	$("C_RQ1").focus();
	//变换列表时  需要做的操作  
	gridInfo.clearAll();
	gridInfo.hdr.rows[1].parentNode.removeChild(gridInfo.hdr.rows[1]);
	gridInfo.hdr.rows[0].parentNode.removeChild(gridInfo.hdr.rows[0]);
	
	$("PageRow").innerHTML = gsRowMsg;
	
	Show_PageNum_ddlb(0);

	// 初次置翻页按键属性
	var curPAGE = f_PageKey('1', 0, 0);
	
	init_Grid_1();
}

//======================================================================
//用途：查询机动车详细信息
//======================================================================
function btnQuery_onClicked() {
	gbFirstQuery = true; // 第一次检索数据
	giPAGE = 1; // 初始为第一页
	gsSQLStr = "";

	f_GetData(gsSQLStr, giPAGE);
}

//======================================================================
// 调用存储过程检索数据
//======================================================================
function f_GetData(sStrData, nPage){
	var nCurPage = nPage * 1;
	if (gbFirstQuery){
		nCurPage = nCurPage * (-1);
	}

  gbQUERY = true;
  
  var sCXTYPE = "1";
  var sLPHM;
  var sRQ1 ;
  var sRQ2 ;
  //按临牌号码查询
  if($("CXTYPE1").checked){
	  sCXTYPE = "1";
	  sLPHM = $("C_LPHM").value.replace(/^\s+|\s+$/g,"");
	  if(sLPHM == null || sLPHM == ""){
		  showMessage("请输入临牌号码!", "0");
	      $("C_LPHM").focus();
	      return false;
	  }
  }
  //按转出时间查询
  if($("CXTYPE2").checked){
	  sCXTYPE = "2";
	  sRQ1 = $("C_RQ1").value;
	  sRQ2 = $("C_RQ2").value;

	  if (sRQ1 == null || sRQ1 == "" || sRQ1 == "0000-00-00"){
	    sRQ1 = "";
	  }
		if (sRQ2 == null || sRQ2 == "" || sRQ2 == "0000-00-00"){
	    sRQ2 = "";
	  }

	  if (sRQ1 != "" && sRQ2 != "") {
	    if (sRQ1 > sRQ2){
	      showMessage("本次查询的截止日期不能早于开始日期!", "0");
	      $("C_RQ2").focus();
	      return false;
	    }
	  }
  }

  
  progressbar.setMessage("正在检索...");
  progressbar.show();

  dwData = new AjaxProxy();
  dwData.addParm("1", nCurPage);        // 检索页号 (值大于1)
  dwData.addParm("2", giPAGEROWS);      // 每一页检索记录行数
  dwData.addParm("3", sCXTYPE);          // 查询方式  1：按临牌号码查询   2：按转出时间查询
  dwData.addParm("4", sLPHM);            // 临牌号码
  dwData.addParm("5", sRQ1);            // 转出时间起[YYYY-MM-DD]
  dwData.addParm("6", sRQ2);            // 转出时间止[YYYY-MM-DD]
  dwData.invoke("HLWYY_WSCGS_ZZBHCX2013.PW_ZZBH_LPZCCX", true, f_ShowData, dwData);
}

//======================================================================
// 使用线程方式显示违法列表
//======================================================================
function f_ShowData(dwObj) {
	gridInfo.clearAll();

	var thread = thread_ListInfo;

	thread.stop(); // 如果上列的操作未完成，必须先退出

	var nCnt = dwObj.getRowCount(gsResultName);

	// 有数据
	thread.command = ListInfo_Command; // 执行的命令
	thread.dmQryResult = dwObj;
	thread.rowCount = nCnt;
	thread.grid = gridInfo;
	thread.start();

	if (gbFirstQuery) {
		// 取满足条件总记录数
		giTOTALROWS = dwObj.getString("PN_TOTALROWS") * 1;
		// 取满足条件总页数
		giTOTALPAGES = dwObj.getString("PN_TOTALPAGES") * 1;

		Show_PageNum_ddlb(giTOTALPAGES);

		// 初次置翻页按键属性
		var curPAGE = f_PageKey('1', giTOTALPAGES, giPAGE);

		if (giTOTALROWS <= 0) {
			$("PageRow").innerHTML = gsRowMsg;
		} else {
			$("PageRow").innerHTML = '<span class="style1">记录数：' + giTOTALROWS
					+ ' 条   共 ' + giTOTALPAGES + ' 页</span>';
		}

		gbFirstQuery = false;
	}

	if (nCnt <= 0) {
		$("btnDel").disabled = true;
	} else {
		gridInfo.selectRow(0, true);
		$("btnDel").disabled = false;
	}
}

// 采用进程方式显示列表数据
function ListInfo_Command(){
	if(this.count > this.rowCount){
    //已经全部列出
		this.stop();  //终止线程
		progressbar.hide();

		return;       //立即退出
	}

	var dwObj = this.dmQryResult;

	var vRowID = this.count;

	//按临牌号码查询
	  if($("CXTYPE1").checked){
		  var N_BH       = dwObj.getString(gsResultName, vRowID, "N_BH");
		  var C_LPHM       = dwObj.getString(gsResultName, vRowID, "C_LPHM");
		  var C_DJRQ       = dwObj.getString(gsResultName, vRowID, "C_DJRQ");
		  var C_LPXH       = dwObj.getString(gsResultName, vRowID, "C_LPXH");
		  var C_SYR        = dwObj.getString(gsResultName, vRowID, "C_SYR");
		  var C_SFZMSM     = dwObj.getString(gsResultName, vRowID, "C_SFZMSM");
		  var C_CLSBDH     = dwObj.getString(gsResultName, vRowID, "C_CLSBDH");
		  var N_YXQ     = dwObj.getString(gsResultName, vRowID, "N_YXQ");
		  var C_YXQZ     = dwObj.getString(gsResultName, vRowID, "C_YXQZ");
		  var C_ZCSJ     = dwObj.getString(gsResultName, vRowID, "C_ZCSJ");
		  var C_ZCUSER     = dwObj.getString(gsResultName, vRowID, "C_ZCUSER");

		  var sdata = [ C_LPHM,
		                C_DJRQ,
		                C_LPXH,
		                C_SYR,
		                C_SFZMSM,
		                C_CLSBDH,
		                N_YXQ,
		                C_YXQZ,
		                C_ZCSJ,
		                C_ZCUSER
		              ];
	
		  gridInfo.addRow(vRowID, sdata);
	}
	//按转出时间查询
	if($("CXTYPE2").checked){
		  var C_ZCSJ     = dwObj.getString(gsResultName, vRowID, "C_ZCSJ");
		  var N_ZCSL     = dwObj.getString(gsResultName, vRowID, "N_ZCSL");

		  var sdata = [ 
		                C_ZCSJ,
		                N_ZCSL
		              ];
	
		  gridInfo.addRow(vRowID, sdata);
	}
	  

}


// ======================================================================
// 删除临牌
//======================================================================
function f_btnDel() {
	// 取当前选中的[结果集中的]记录行号
	var vRowID = gridInfo.getSelectedId();

	var sBH = "";
	var sZCSJ = "";
	var sTSXX = "";
	//按临牌号码查询
	if ($("CXTYPE1").checked) {
		sBH = dwData.getString(gsResultName, vRowID, "N_BH");
		sZCSJ = "";
		sLPHM = dwData.getString(gsResultName, vRowID, "C_LPHM");
		sTSXX = dwData.getString(gsResultName, vRowID, "C_ZCSJ");
		sTSXX = "临牌号码【" +sLPHM + "】转出时间【" + sTSXX + "】";
	}
	
	//按转出时间查询
	if ($("CXTYPE2").checked) {
		sZCSJ = dwData.getString(gsResultName, vRowID, "C_ZCSJ");
		sBH = "";
		sTSXX = "转出时间【" + sZCSJ + "】";
	}
	if((sBH == null || sBH == "") && (sZCSJ == null || sZCSJ == "")){
		showMessage("请选择需要删除的临牌记录!","0");
		return;
	}
	if (!showMessage("是否确信删除"+ sTSXX +"的临时号牌记录(确定/取消)?", "1")){
		return;
	}
	
	var progressbar1 = new LoadingBar(document);
	progressbar1.setMessage("正在删除...");
	progressbar1.show();//alert(progressbar1);return;
	

	$("btnDel").disabled = true;
	$("btnQuery").disabled = true;
	  
	var gcDel = new AjaxProxy();
	gcDel.addParm(1,sBH);
	gcDel.addParm(2,sZCSJ);
	gcDel.addParm(3,gUserOBJ.N_USERID);
	
	gcDel.invoke("HLWYY_WSCGS_ZZBHCX2013.PF_ZZBH_LPZC_DEL", true, function(gcDel){
		var flag = gcDel.getString("PN_RET")*1;
		var msg = gcDel.getString("PC_MSG");
		
		//progressbar1.hide();
		$("btnQuery").disabled = false;
		
		if(flag != 0){
			progressbar1.hide();
			progressbar1.dispose();
			if(msg != null && msg != ""){
				showMessage(msg,"0");
			}
			$("btnDel").disabled = false;
			return;
		}else{
			progressbar1.hide();
			progressbar1.dispose();
			showMessage("删除成功!","0");
			btnQuery_onClicked();
		}
	}, gcDel);  	
	
}



//======================================================================
//以下方法处理翻页按钮事件
//======================================================================
//======================================================================
//改变选择检索页号
//======================================================================
function C_Page_onchange(){
var curPAGE = f_CangePage(giTOTALPAGES, gsSQLStr, f_GetData);

	if (curPAGE > 0)
	giPAGE = curPAGE;
}

//======================================================================
//改变选择检索页号
//======================================================================
function f_GetData_goPage(){
var curPAGE = f_QueryData_goPage(giTOTALPAGES, gsSQLStr, f_GetData);

	if (curPAGE > 0)
	giPAGE = curPAGE;
}

//======================================================================
//用途：检索页数输入域按键事件控制
//======================================================================
function C_PAGENUM_EnterKey(){
var tt = $("C_PAGENUM").value.match(/[0-9]*/ig);
$("C_PAGENUM").value = (null==tt?"":tt[0]);

	if (event.keyCode == 13){
 event.cancelBubble = true;
 event.returnValue  = true;

		$("btnTOPAGE").focus();

 f_GetData_goPage();
	}
}

//======================================================================
//用途：处理翻页按键 ---> 翻页－到第一页
//======================================================================
function f_GetData_First(){
var curPAGE = f_PageKey_First(giTOTALPAGES, giPAGE, gsSQLStr, f_GetData);

	if (curPAGE > 0)
	giPAGE = curPAGE;
}

//======================================================================
//用途：处理翻页按键 ---> 翻页－向上翻一页
//======================================================================
function f_GetData_Prev(){
var curPAGE = f_PageKey_Prev(giTOTALPAGES, giPAGE, gsSQLStr, f_GetData);

	if (curPAGE > 0)
	giPAGE = curPAGE;
}

//======================================================================
//用途：处理翻页按键 ---> 翻页－向下翻一页
//======================================================================
function f_GetData_Next(){
var curPAGE = f_PageKey_Next(giTOTALPAGES, giPAGE, gsSQLStr, f_GetData);

	if (curPAGE > 0)
	giPAGE = curPAGE;
}

//======================================================================
//用途：处理翻页按键 ---> 翻页－到最后一页
//======================================================================
function f_GetData_Last(){
var curPAGE = f_PageKey_Last(giTOTALPAGES, giPAGE, gsSQLStr, f_GetData);

	if (curPAGE > 0)
	giPAGE = curPAGE;
}
//======================================================================
//以上方法处理翻页按钮事件
//======================================================================

function $(){
	return document.getElementById(arguments[0]);
}