jQuery jqgrid 应用实例
1.html
<div class="ibox-content">
<div class=\"jqGrid_wrapper\">
<table id="table_list_1"></table>
<div id="pager_list_1"></div>
</div>
</div>
2.js
function func_InitGrid() {
var url = '@Url.Action("GetDetails", "Code")';
var c = [
{ name: "ID", hidden: true, key: true },
{ name: "CODE", width: "60px", label: '编码' },
{ name: "NAME", width: "60px", label: '名称' },
{ name: "SNUMBER", width: "60px", label: '开始' },
{ name: "ENUMBER", width: , label: '结束' },
{ name: "NOWNUMBER", width: , label: '可用' },
{ name: "RESIDU", width: "", label: '剩余数' }, ];
$('#table_list_1').CTable(url, c,
{
sortname: 'UPDATETIME',
sortorder: 'desc'
});
}
CTable: function (f, j, e) {
$.jgrid.defaults.styleUI = 'Bootstrap';
$.each(j, function (c, k) {
if (k.isdate) {
k.formatter = 'date';
k.formatoptions = {
srcformat: 'Y/m/d H:i:s',
newformat: 'Y/m/d'
};
}
if (k.month) {
k.formatter = 'date';
k.formatoptions = {
srcformat: 'Y/m/d H:i:s',
newformat: 'Y/m'
};
}
if (k.label == 'btn') {
k.name = '';
k.label = '操作';
if (k.width) {
} else {
k.width = 60;
}
k.fixed = true;
k.align = 'center';
k.sorttype = 'string';
k.formatter = function (l, m, n) {
return $.map(k.btns, function (o) {
return '<a href="javascript:;" class="alinks alinks-blue" onclick="' + o.click + '(' + '\'' + m.rowId + '\'' + ');">' + o.btn_name + '</a>';
}).join(' ');
};
}
k.sortable = false;
k.align = 'left';
k.name = k.name.toUpperCase();
k.index = k.name;
});
var d = this.next();
var i = {
url: f,
mtype: 'POST',
datatype: 'json',
height: 370,
autowidth: true,
shrinkToFit: true,
autoScroll: true,
rownumbers: true,
rowNum: 15,
rowList: [
15,
20,
30
],
colModel: j,
pager: d,
viewrecords: true,
hidegrid: false,
ondblClickRow: function (k, m, c, l) {
},
loadComplete: function (c) {
if (c.Code == -1) {
$.alert(c.Message);
}
},
onSelectRow: function (k, c) {
},
gridComplete: function () {
},
onSelectAll: function (k, c) {
_log(k);
_log(c);
}
};
var g = $.extend({
}, i, e);
this.jqGrid(g);
var h = this;
$(window).bind('resize', function () {
var c = h.parents('.jqGrid_wrapper').width() - 5;
h.setGridWidth(c);
});
$(window).trigger('resize');
}
4.后台
public ActionResult GetDetails()
{
using( var dbContext = new WjCitizen.DAL.smdEntities())
{
var query = from m in dbContext.BOOKNUMBER
select m;
var name = this.Ndy("CODE");
if (!string.IsNullOrEmpty(name))
{
query = query.Where(m => m.DEPTCODE.Contains(name));
}
var exami = this.Ndy("NAME");
if (!string.IsNullOrEmpty(exami))
{
query = query.Where(m => m.DEPTNAME.Contains(exami));
}
return query.GetJson();
}
}
public static string Ndy(string k)
{
var o = HttpContext.Current.Request.Params[k];
if (o == null)
return string.Empty;return o.Trim();
}
jQuery jqgrid 应用实例的更多相关文章
- 经典实用jQuery soChange幻灯片实例演示
soChange一款多很经典的幻灯片的jQuery插件. 实例预览 引入文件 <link rel="stylesheet" type="text/css" ...
- 下拉菜单;手风琴;九宫格的Jquery的使用实例
下拉菜单;手风琴;九宫格的Jquery的使用实例 1.下拉菜单 效果如图: 代码如下: <!DOCTYPE html> <html lang="en"> & ...
- Struts2+JQuery+Json登陆实例
Struts2+JQuery+Json登陆实例 博客分类: Struts2 在搭建之前.. 首先,需要准备struts2.0框架的5个核心包, 以及jsonplugin-0.32.jar 以及js ...
- jQuery jqgrid
1.写div <div class="ibox-content"> <div class="jqGrid_wrapper"> <! ...
- HTML Select 标签选择后触发jQuery事件代码实例
页面设计原由: 因为很多客户不知道如何来到我们公司,领导想让我在微信公众号上面做一个链接,客户可以直接通过微信公众号打开地图并导航到我们公司的办公地点. 实现起来并不难,但由于公司有很多办事处,所以需 ...
- jquery简介和实例
一.简介 定义 jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库. 参考:http://www.php100 ...
- jQuery动画特效实例教程
本文以实例形式详细讲述了jQuery动画特效的实现方法. 1.自制折叠内容块 内容块如下: <div class="module"> <div cla ...
- JQuery插件开发简单实例
经常使用Jquery的各种插件,却对如何开发插件一无所知,以为是一件很麻烦的事儿?其实不然,下面通过一个简单的实例,来看一下Jquery Plugin的开发. 先看DEMO:动画菜单 不用插件如何实现 ...
- jQuery jqGrid中ColModel的参数大全
ColModel 是jqGrid里最重要的一个属性,设置表格列的属性. 用法: java 代码: jQuery("#gridid").jqGrid({ ... colMo ...
随机推荐
- win10环境下安装mysql-8.0.18-winx64
下载mysql安装包,然后解压到你想安装的目录下,我下载的是mysql-8.0.18-winx64 Windows 上安装 MySQL 相对来说会较为简单,最新版本可以在 MySQL 下载 中下载中查 ...
- 高并发系统:消息队列MQ
注:前提是知道什么是消息队列.不懂的去搜索各种消息队列入门(activeMQ.rabbitMQ.rocketMQ.kafka) 1.为什么要使用MQ?(MQ的好处:解耦.异步.削峰) (1)解耦:主要 ...
- MariaDB(MySQL)创建、删除、选择及数据类型使用详解
一.MariaDB简介(MySQL简介略过) MariaDB数据库管理系统是MySQL的一个分支,主要由开源社区在维护,采用GPL授权许可 MariaDB的目的是完全兼容MySQL,包括API和命令行 ...
- 关于Git GUI克隆代码
1.首先需要使用Git GUI生成一个SSH秘钥并将其拷贝到远程(码云或者GitHub)账号下的SSH公钥中(以码云为例) 将上一步生成的SSH密钥拷贝到下面的码云的公钥中 2.拷贝下码云上代码的SS ...
- STM32 & RT-Thread的逆向入门
STM32 & RT-Thread的逆向入门 backahasten@0xFA 现在,各种MCU的价格越来越低,同等条件下能买到的ROM和RAM资源也多了.对 ...
- Codeforces Round #622(Div 2)C2. Skyscrapers (hard version)
题目链接 : C2. Skyscrapers (hard version) 题目描述 : 与上一道题类似,只是数据范围变大, 5e5, 如果用我们原来的方法,铁定是超时的. 考察点 : 单调栈,贪心, ...
- Python 文件&异常 初学者笔记
文件 读取整个文件 with open('pi_30_digits.txt') as file_object :#Python在当前执行文件目录寻找指定文件#filename = 文件的绝对路径或相对 ...
- mongoose pushall不支持的错误记录
该错误发生两次,第一次解决以后第二次碰到又没有想起来怎么解决. 因为采用mongoose+node的后端项目.有两个表实现多对多关系,再中间表不做关联,只在两个主表做了 testlist: [{ ty ...
- python全栈学习 day03
换行符: \n 制表符: \t 字符串截取:顾头不顾尾 s[首:尾:步长] 首--->尾走向 和 步长方向一致 s[0:4:2] s[4:0:-2] a = "qwertyui&quo ...
- luoguP5219 无聊的水题 I 多项式快速幂
有一个幼儿园容斥:最大次数恰好为 $m=$ 最大次数最多为 $m$ - 最大次数最多为 $m-1$. 然后来一个多项式快速幂就好了. code: #include <cmath> #in ...