jqGrid————使用心得合计、默认查询条件、自适应、序号等

最新推荐文章于 2024-03-15 10:50:29 发布

真水无香No1

最新推荐文章于 2024-03-15 10:50:29 发布

阅读量9.3k

点赞数

分类专栏： JavaScript Jgrid

本文链接：https://blog.csdn.net/sq_201067/article/details/8875147

版权

该博客详细介绍了如何利用jqGrid库实现表格功能，包括设置序号（rownumbers: true）、计算合计值（gridComplete函数）、默认加载本地数据或JSON数据、获取特定日期（GetDateStr函数）、自动调整宽度（autoWidthJqgrid）以及创建分层表头。同时，提供了煤炭生产综合调度台账的示例代码，包括日期输入、查询和重置功能。

摘要由CSDN通过智能技术生成

几个问题的实现方法请参考不同颜色的代码：

1、序号rownumbers: true,
2、合计gridComplete: function()
3、默认日期 $("#actualMonth").attr("value",GetDateStr(-1));
4、获取系统日期的前几天或者后几天function GetDateStr(AddDayCount) ;
5、一上来加载时，默认条件datatype:'local', datatype:'json'
6、调用这行代码保证jqgrid自动根据窗口大小伸缩 autoWidthJqgrid();
7、分层表头，startColumnName是从哪列的头顶上开始、numberOfColumns是贯穿几列

主要代码如下：




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/page/jccp/common/share/taglib.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>煤炭生产综合调度台账</title>
<jsp:include page="/page/jccp/common/share/jsinclude.jsp">
 <jsp:param name="groups" value="jqgrid,jquery,jquery-ui,jccp"/>
</jsp:include>
</head>
<body>
<form id="searchForm" method="post">
 <div style="height: 26px;">
    <table cellpadding="0" cellspacing="0" class="tbl_search_bg" width="100%" >
      <tr>
    <td class="tbl_td_label" width="20%">日期：</td>
    <td class="tbl_td_input" width="20%">
     <input type="text" id = "actualMonth

最低0.47元/天解锁文章

真水无香No1

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
jqGrid————使用心得合计、默认查询条件、自适应、序号等

几个问题的实现方法请参考不同颜色的代码：1、序号rownumbers: true, 2、合计gridComplete: function()3、默认日期 $("#actualMonth").attr("value",GetDateStr(-1));4、获取系统日期的前几天或者后几天function GetDateStr(AddDayCount) ;5、一上来加载时，默认条件data
复制链接

扫一扫