关于公司common.jqgrid.js文件的研究（未完）

最新推荐文章于 2021-08-05 16:43:23 发布

zhengxiangwen

最新推荐文章于 2021-08-05 16:43:23 发布

阅读量1k

点赞数

分类专栏： jqgrid

本文链接：https://blog.csdn.net/zhengxiangwen/article/details/8914915

版权

jqgrid 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

var pageGrid;
	$().ready(function(){

		var searchUrl = "<c:url value='assessmentSearch.action' />";
		var deleteUrl = "<c:url value='assessmentDelete.action' />";
		var previousUrl = "<c:url value='assessmentList.action' />";

		//构建表格
		pageGrid = {
			gridName : "assessmentListGrid",
			formName : "assessmentListForm",
			caption : "考核列表",
			pagerVar : "assessmentListPager",
			searchUrl : searchUrl,
			searchParameters : ['searchAssessmentName', 'searchState'],
			mutiSelect : false,
			colNames : ['考核名称',  '系统名称','发起日期','截至申诉日期', '状态','','','操作'],
			colModel : [
			            {name : 'assessmentName', index : 'assessmentName',width:'30%'},
			            {name : 'systemName', index : 'systemName' ,sortable:false,width:'20%'},
			            {name : 'submitTime', index : 'submitTime',formatter:"date", formatoptions: {newformat:'Y-m-d'},align:'right',width:'10%'},
			            {name : 'appealEndTiem', index : 'appealEndTiem',formatter:"date", formatoptions: {newformat:'Y-m-d'} ,align : 'right',width:'10%'},
				        {name : 'state', index : 'state',width:'10%'},
			            {name : 'stateEn', index : 'stateEn',hidden : true ,width: '10%'},
			            {name : 'createTime', index : 'createTime',hidden : true ,width: '10%'},
			            {name : 'operation', index : 'operation',sortable:false,width:'10%'}
					],
			exportColNames:[],
			exportColModel:[],
			exportFileName:"",
			sortName : "createTime",
			sortOrder : "desc",
			rowId : "id",
			pageCache : "${pageCache}"
		};

$.jqgridBuildPageGrid(pageGrid);

<form id="assessmentListForm" action="assessmentList.action" method="post">
	<!-- 导航 -->
	<div class="span-24 last">
		<w:nav type="top"/>
	</div>
	<!-- 查询栏 -->
	<div class="span-24 last">
		<fieldset>
			<legend>查询条件</legend>
			<table >
				<tr>
					<td width="10%" class="searchParameterTd">
						考核名称：
					</td>
					<td  width="40%">
						<s:textfield  cssClass="text" id="searchAssessmentName" name="searchAssessmentName"/>
					</td>
					<td width="10%"  class="searchParameterTd">
						状态：
					</td>
					<td  width="40%">
					<s:select id="searchState"  cssClass="select" name="searchState" list="stateList"   headerKey="" headerValue="请选择" listKey="key"  listValue="value"></s:select>
					</td >
				</tr>
			</table>
		</fieldset>
		<fieldset>  
			<input type="button" value="查询" name="searchButton" id="searchButton"/>
			<input type="button" value="重置" name="resetButton" id="resetButton"/>
			<input type="button" value="发起考核" name="createButton" id="createButton"/>	
		</fieldset>
	</div>
	<!-- 列表栏 -->
	<div class="span-24 last">
		<table id="assessmentListGrid"></table>
		<div id="assessmentListPager"></div>
		<div id="tblMasterMessage"></div>
	</div>
</form>

1、$.jqgridBuildPostData
2、$.jqgridSearch
3、$.jqgridSearchButtonClick

页面js调用：

//查询按钮
		$("#searchButton").click(function(){ 
			var startTime = $("#searchAppealStartTime").val();
			var endTime = $("#searchAppealEndTime").val();
			$.jqgridSearchButtonClick(pageGrid.gridName,pageGrid.searchParameters,searchUrl);
		});

common.jqgrid.js中对应的方法声明：

$.jqgridSearchButtonClick = function(gridName,searchParameters,searchUrl) {
	$.jqgridSearch(gridName,searchParameters,searchUrl,true);
};

$.jqgridSearch = function(gridName,searchParameters,searchUrl,isResetPage) {


	//这里需要根据表格的实际需要查询的内容设置
	var postData = $.jqgridBuildPostData(searchParameters);
	
	
	if(isResetPage == true) {
		eval("postData.pageCache=false");
		$("#" + gridName).jqGrid("appendPostData",postData);

		//每次提出新的查询都转到第一页
		$("#" + gridName).jqGrid("setGridParam",{page:1});
		//提交post并刷新表格
		$("#" + gridName).jqGrid("setGridParam",{url:searchUrl}).trigger("reloadGrid");
	}
	else {
		
		$("#" + gridName).jqGrid("appendPostData",postData);
		
		//刷新表格
		$("#" + gridName).jqGrid("setGridParam",{url:searchUrl}).trigger("reloadGrid");
	}
};

//按查询参数构建postData
$.jqgridBuildPostData = function(searchParameters) {
	//准备post数据
	var postData = new Object();
	
	//当前导出参数
	for(var i = 0 ; i < searchParameters.length; i++) {
		var name = searchParameters[i];
		var currentValue = $("#" + searchParameters[i]).attr('value');

	    eval("postData."+name+"=currentValue");
	}
	
	return postData;
};

$.jqgridPageButtonClick
$.jqgridDeleteButtonClick
$.jqgridDeleteButtonClick2

$._jqgridDeleteButtonClick

// 删除 ajax
		$("#deleteBtn").click(function(){
			$.jqgridDeleteButtonClick(messageGrid.gridName,messageGrid.searchParameters,deleteUrl)
		});

common.jqgrid.js中对应的方法声明：

$.jqgridDeleteButtonClick = function(gridName,searchParameters,deleteUrl) {
	var confirmDeleteStr = "确定删除所选条目?";
	var deleteSuccessStr = "删除成功";
	var alertSelectStr = "请选择要删除的条目";
	
	$.jqgridDeleteButtonClick2(gridName,searchParameters,deleteUrl,confirmDeleteStr,deleteSuccessStr,alertSelectStr);
};

//confirmDeleteStr是指确认删除的语句，deleteSuccessStr是删除成功语句，alertSelectStr是提示选择语句
$.jqgridDeleteButtonClick2 = function(gridName,searchParameters,deleteUrl,confirmDeleteStr,deleteSuccessStr,alertSelectStr) {
	var selectIds = $("#" + gridName).jqGrid('getGridParam','selarrrow');
	
	if (selectIds!=null && selectIds!="")	{
		selectIds = selectIds.join(",");
		$._jqgridDeleteButtonClick(gridName,searchParameters,deleteUrl,selectIds,confirmDeleteStr,deleteSuccessStr);
	} else{
		$.alert(alertSelectStr);
	}
};

$.jqgridSingleDeleteButtonClick

$.jqgridSingleDeleteButtonClick2

页面js调用：

$.singleDeleteButtonClick = function (rowId) {
			var deleteUrl = "<c:url value='assessmentDelete.action' />";
			$.jqgridSingleDeleteButtonClick2(pageGrid.gridName,pageGrid.searchParameters,deleteUrl,rowId,"是否确定删除所选考","删除成功");
			//$.jqgridSingleDeleteButtonClick(pageGrid.gridName,pageGrid.searchParameters,deleteUrl,rowId);
		}

common.jqgrid.js中对应的方法声明：

$.jqgridSingleDeleteButtonClick = function(gridName,searchParameters,deleteUrl,rowId) {
	var confirmDeleteStr = "确定删除所选条目?";
	var deleteSuccessStr = "删除成功";
	$.jqgridSingleDeleteButtonClick2(gridName,searchParameters,deleteUrl,rowId,confirmDeleteStr,deleteSuccessStr);
};

$.jqgridSingleDeleteButtonClick2 = function(gridName,searchParameters,deleteUrl,rowId,confirmDeleteStr,deleteSuccessStr) {
	$._jqgridDeleteButtonClick(gridName,searchParameters,deleteUrl,rowId,confirmDeleteStr,deleteSuccessStr);
};

//底层的删除函数
$._jqgridDeleteButtonClick = function(gridName,searchParameters,deleteUrl,selectIds,confirmDeleteStr,deleteSuccessStr) {
	if(confirm(confirmDeleteStr)) {
		//设置postData
		var postData = $.jqgridBuildPostData(searchParameters);
		eval("postData.selectIds=selectIds");
		$("#" + gridName).jqGrid("appendPostData",postData);
		postData = $("#" + gridName).jqGrid('getPostData');
		$.ajax({
			  type: 'POST',
			  url: deleteUrl,
			  data: postData,
			  dataType:"json",
			  success: function (response) {
					if(response.message == 'success'){
						$.alert(deleteSuccessStr);
						//刷新表格
						$("#" + gridName).jqGrid().trigger("reloadGrid");	
					}
					else {
						$.alert(response.message);
					}
			   }
		});
		
	}
};

$.jqgridDownload
$.jqgridExportButtonClick

// 导出   
		$.exportfile =function(rowId){
			var exportUrl = "<c:url value='/assessment/exportAssessment.action'/>";
			exportUrl = $.commonBuildUrl (exportUrl,"assessmentId="+rowId);
			$.jqgridExportButtonClick(pageGrid.gridName,pageGrid.searchParameters,exportUrl,pageGrid.exportColNames,pageGrid.exportColModel,pageGrid.exportFileName);
		};

common.jqgrid.js中对应的方法声明：

$.jqgridExportButtonClick = function(gridName,searchParameters,exportUrl,exportColNames,exportColModel,exportFileName) {
	//准备post数据
	var postData = new Object();
	
	//当前导出参数
	for(var i = 0 ; i < searchParameters.length; i++) {
		var name = searchParameters[i];
		var currentValue = $("#" + searchParameters[i]).attr('value');

	    eval("postData."+name+"=currentValue");
	}
	
	//导出Excel列头
	for(var i = 0 ; i < exportColNames.length; i++) {
		var name = exportColNames[i];
	    eval("postData.exportColNames"+i+"=name");
	}
	
	//导出Excel列值
	for(var i = 0 ; i < exportColModel.length; i++) {
		var model = exportColModel[i];
	    eval("postData.exportColModel"+i+"=model");
	}	
	
	//导出文件名
	var fileName = exportFileName;
	eval("postData.fileName=fileName");
	
	$("#" + gridName).jqGrid("appendPostData",postData);
	postData = $("#" + gridName).jqGrid('getPostData');

	//调用下载方法，通过post方式发送参数到下载链接
	$.jqgridDownload(exportUrl, postData, "post", function(){});
};

//下载函数
$.jqgridDownload = function(url, data, method, callback){
	var inputs = "";
	var iframeX;
	var downloadInterval;
	if(url && data){
		// remove old iframe if has
		if($("#iframeX")) $("#iframeX").remove();
		// creater new iframe
		iframeX= $("<iframe src=\"[removed]false;\" name=\"iframeX\" id=\"iframeX\"></iframe>").appendTo("body").hide();
		if($.browser.msie){
			downloadInterval = setInterval(function(){
				// if loading then readyState is “loading” else readyState is “interactive”
				if(iframeX&& iframeX[0].readyState !=="loading"){
					callback();
					clearInterval(downloadInterval);
				}
			}, 23);
		} else {
			iframeX.load(function(){
				callback();
			});
		}

		//split params into form inputs
		$.each(data, function(p, val){
			inputs+="<input type=\"hidden\" name='"+ p +"' value='"+ val +"' />";
		});
		
		//create form to send request
		$("<form action='"+ url +"' method='"+ (method||"post") + "' target=\"iframeX\">"+inputs+"</form>\"").appendTo("body").submit().remove();
	};
};

$.jqgridLoadError
$.jqgridLoadComplete

$.jqgridGetAllRowData

//获取列表中所有的条目数据
        var allRowData = $.jqgridGetAllRowData("typeAndItemListGrid");

$.jqgridSetRowData
$.jqgridGetRowData

//向operation列加入按钮
		$.rowComplete = function(rowId){
			var rowData = $.jqgridGetRowData(pageGrid.gridName,rowId);
			var operationHtml = '';
			//根据状态向operation操作列中添加相应按钮
			if(rowData.stateEn == '${allocateState}'){
				operationHtml += "<input type='button' value='编辑' οnclick='buttonEditClick(\"" + rowId + "\");'/>";
				operationHtml += "<input type='button' value='删除' οnclick='$.singleDeleteButtonClick(\"" + rowId + "\")'/>";
				//operationHtml += "<input type='button' value='删除' οnclick='$.jqgridSingleDeleteButtonClick2(\""+pageGrid.gridName+"\",\""+pageGrid.searchParameters+"\",\""+urldelete+"\",\""+rowId+"\",\"删除所选项\",\"删除成功\");'/>";
				
			} else {
				operationHtml += "<input type='button' value='查看' οnclick='buttonLookClick(\"" + rowId + "\");'/>";
				if (rowData.stateEn == "${endState}")  {
					operationHtml += "<input type='button' value='导出' οnclick= '$.exportfile(\""+rowId+"\")'/>";
				}  
			}
			$.jqgridSetRowData(pageGrid.gridName, rowId, {operation : operationHtml});
		}

common.jqgrid.js中对应的方法声明：

//设置一行数据
$.jqgridSetRowData = function (gridName,rowId,rowData) {
	$("#" + gridName).jqGrid('setRowData',rowId,rowData);
};

//获取一行数据
$.jqgridGetRowData = function (gridName,rowId) {
	return $("#" + gridName).jqGrid('getRowData',rowId);
};

$.jqgridAddRowData
$.jqgridClearGridData
$.jqgridReloadGridData
$.jqgridDeleteRowData
$.jqgridGenerateTempRowId
$.jqgridBuildPageGrid
$.jqgridSubGridRowComplete
$.jqgridSubGridReload
$.jqgridBuildSubGrid
$.jqgridSelectRow
$.jqgridResize
$.jqgridIframeResize
$.jqgridBuildNonePageGrid
$.jqgridReload
$.jqgridReloadWithOhterSearchUrl
$.jqgridLocalDataGridReload
$.jqgridLocalDataGridReloadWithOtherSearchUrl
$.jqgridBuildLocalDataGrid
$.localDataRowComplete
$.jqgridLocalDataDeleteButtonClick
$.jqgridLocalDataDeleteButtonClick2
$._jqgridLocalDataDeleteButtonClick
$.jqgridLocalDataSingleDeleteButtonClick
$.jqgridLocalDataSingleDeleteButtonClick2
$._jqgridLocalDataSingleDeleteButtonClick
$.jqgridSetLinkRow
$.jqgridSetLinkRowWithOpen