jqGrid 使用心得
参考:
https://blog.csdn.net/u012411219/article/details/51315419
https://www.cnblogs.com/kissdodog/p/3875992.html
https://blog.csdn.net/yjlwl1213/article/details/41750703
1.导入插件
<script src="~/Content/js/jqprint/jquery.jqprint-0.3.js"></script>
2.设置容器
<table style="height:49%;" id="orderGridList"></table>//表格
<div id="orderGridPager"></div>//分页
3.初始化
$("#orderGridList").jqGrid({
url: "/PlatformManage/Order/GetOrderList",//路径
datatype: 'json',//表格数据类型
postData: {searchText:searchText,name:name},//搜索时的参数
height: $("#gridList").height() / - ,//表格高度
autowidth: true,//表格宽度
shrinkToFit: true,
altRows: true,
rownumbers: true,//是否显示行号
rowNum: ,//显示的行数
rowList: [, , , ],//分页的
colNames: ["Formid", "用户姓名", "微信备注名"],//表头名称
colModel: [//对应json字段
{ name: 'Formid', hidden: true },
{ name: 'Customername', width: , align: 'center' },
{
name: 'Distributionfee', width: , align: 'center',
formatter: function (cellvalue, options, rowObject) {
if (cellvalue == || cellvalue == "" || cellvalue == null || cellvalue == undefined || cellvalue == "undefined") {
return '0元';
}
else {
return cellvalue + '元';
}
}
},
{
name: 'Createtime', width: , align: 'center',
formatter: "date", formatoptions: { srcformat: 'Y/m/d H:i:s', newformat: 'Y/m/d H:i:s' }
},
{
name: "Id", width: , align: "center",
formatter: function (cellvalue) {
return "<button type='button' data-id='" + cellvalue + "' class='btn btn-primary btn-xs orderPrint'>打印</button>";
}
},
],
pager: "#orderGridPager",//分页容器id
caption: "订单列表",//表格标题
hidegrid: true,
sortname: 'Createtime desc',//默认排序字段
viewrecords: true,//是否展示表格右下角的记录总数提示
onSelectRow: function (id) {//点击行的处理函数
var orderId = $("#orderGridList").jqGridRowValue().Formid;
//重新加载表格
$("#goodGridList").setGridParam({ postData: { orderId: orderId }, page: }).trigger('reloadGrid');
},
loadComplete: function (data) {//加载完成后的处理函数
var wxTotalMoney = data.totalDataStatistical.OrderTJ_wxTotalMoney;//微信
var yeTotalMoney = data.totalDataStatistical.OrderTJ_yeTotalMoney;//余额
var psfTotalMoney = data.totalDataStatistical.OrderTJ_psfTotalMoney;//配送费
var totalMoney = parseFloat((wxTotalMoney + yeTotalMoney).toFixed());//总计
var customerCount = data.totalDataStatistical.OrderTJ_customerCount;//用户数量
var vipCustomerCount = data.totalDataStatistical.OrderTJ_vipCustomerCount;//vip用户数量
var notVipCustomerCount = data.totalDataStatistical.OrderTJ_notvipCustomerCount;//非vip用户数量
var orderCount = data.totalDataStatistical.OrderTJ_orderCount;//订单数量
var str = "总计:" + totalMoney + "元,微信到账:" + wxTotalMoney + "元,余额到账:" + yeTotalMoney + "元,配送费合计:" + psfTotalMoney + "元,订单数量:" + orderCount + "单,总用户数量:" + customerCount + "位,会员用户数量:" + vipCustomerCount + "位,非会员用户数量:" + notVipCustomerCount + "位";
$(this).jqGrid("setCaption", "订单列表(" + str + ")");//设置表格标题
$(this).find(".rating").each(function () {
$(this).rating('create');
})
}
jqGrid 使用心得的更多相关文章
- web前端开发控件学习笔记之jqgrid+ztree+echarts
版权声明:本文为博主原创文章,转载请注明出处. 作为web前端初学者,今天要记录的是三个控件的使用心得,分别是表格控件jqgrid,树形控件ztree,图表控件echarts.下边分别进行描述. ...
- 我的MYSQL学习心得(一) 简单语法
我的MYSQL学习心得(一) 简单语法 我的MYSQL学习心得(二) 数据类型宽度 我的MYSQL学习心得(三) 查看字段长度 我的MYSQL学习心得(四) 数据类型 我的MYSQL学习心得(五) 运 ...
- NoSql数据库使用半年后在设计上面的一些心得
NoSql数据库这个概念听闻许久了,也陆续看到很多公司和产品都在使用,优缺点似乎都被分析的清清楚楚.但我心里一直存有一个疑惑,它的出现究竟是为了解决什么问题? 这个疑惑非常大,为此我看了很多分析文章, ...
- 我的MYSQL学习心得(二) 数据类型宽度
我的MYSQL学习心得(二) 数据类型宽度 我的MYSQL学习心得(一) 简单语法 我的MYSQL学习心得(三) 查看字段长度 我的MYSQL学习心得(四) 数据类型 我的MYSQL学习心得(五) 运 ...
- 我的MYSQL学习心得(三) 查看字段长度
我的MYSQL学习心得(三) 查看字段长度 我的MYSQL学习心得(一) 简单语法 我的MYSQL学习心得(二) 数据类型宽度 我的MYSQL学习心得(四) 数据类型 我的MYSQL学习心得(五) 运 ...
- 我的MYSQL学习心得(四) 数据类型
我的MYSQL学习心得(四) 数据类型 我的MYSQL学习心得(一) 简单语法 我的MYSQL学习心得(二) 数据类型宽度 我的MYSQL学习心得(三) 查看字段长度 我的MYSQL学习心得(五) 运 ...
- 我的MYSQL学习心得(五) 运算符
我的MYSQL学习心得(五) 运算符 我的MYSQL学习心得(一) 简单语法 我的MYSQL学习心得(二) 数据类型宽度 我的MYSQL学习心得(三) 查看字段长度 我的MYSQL学习心得(四) 数据 ...
- 我的MYSQL学习心得(六) 函数
我的MYSQL学习心得(六) 函数 我的MYSQL学习心得(一) 简单语法 我的MYSQL学习心得(二) 数据类型宽度 我的MYSQL学习心得(三) 查看字段长度 我的MYSQL学习心得(四) 数据类 ...
- 我的MYSQL学习心得(七) 查询
我的MYSQL学习心得(七) 查询 我的MYSQL学习心得(一) 简单语法 我的MYSQL学习心得(二) 数据类型宽度 我的MYSQL学习心得(三) 查看字段长度 我的MYSQL学习心得(四) 数据类 ...
随机推荐
- Mego(08) - 高级建模
对于模型建立Mego还提供了一些高级主题 数据库函数映射 我们可以将现有的CLR方法映射到指定数据库的标题函数上,如下所示 public class OrderManageEntities : DbC ...
- Python3安装Requests
安装Requests费了1天的时间,囧.终于还是在官网找到解决方法,可以参考这个http://docs.python-requests.org/en/latest/user/install/#inst ...
- leetcode算法: Find the Difference
Given two strings s and t which consist of only lowercase letters.String t is generated by random sh ...
- 利用JavaScript去掉数组中重复项
利用JavaScript的object的特性,我们可以非常容易的实现将一个数组的重复项去掉. object的特性是:key一定是唯一的. 把数组重复项去掉: 1 将数组转换成一个object对象,数组 ...
- 2017年Unity游戏开发视频教程(入门到精通)
本文是我发布的一个Unity游戏开发的学习目录,以后我会持续发布一系列的游戏开发教程,都会更新在这个页面上,适合人群有下面的几种: 想要做独立游戏的人 想要找游戏开发相关工作的人 对游戏开发感兴趣的人 ...
- 改变textField的placeholder的颜色和位置
重写UItextField的这个方法,用其他的textField继承自这个父类 - (void) drawPlaceholderInRect:(CGRect)rect { [[UIColor blue ...
- Java-NIO(八):DatagramChannel
Java NIO中的DatagramChannel是一个能收发UDP包的通道.操作步骤: 1)打开 DatagramChannel 2)接收/发送数据 同样它也支持NIO的非阻塞模式操作,例如: @T ...
- hdu1051 Wooden Sticks---贪心
题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=1051 题目大意:给你n根木棍的长度和重量.根据要求求出制作该木棍的最短时间.建立第一个木棍需要1分钟 ...
- scrapy爬取中关村在线手机频道
# -*- coding: utf-8 -*- import scrapy from pyquery import PyQuery as pq from zolphone.items import Z ...
- 在MySQL中使用子查询
子查询作为数据源 子查询生成的结果集包含行.列数据,因而非常适合将它与表一起包含在from子句的子查询里.例: SELECT d.dept_id, d.name, e_cnt.how_many num ...