<link href="../../js/jqGrid/css/ui.jqgrid.css" rel="stylesheet" type="text/css" />
<link href="../../css/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="../../js/jquery.min.js" type="text/javascript"></script>
<script src="../../js/jqGrid/js/i18n/grid.locale-cn.js" type="text/javascript"></script>
<script src="../../js/jqGrid/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="../../js/artDialog/artDialog.js" type="text/javascript"></script>
<script src="../../js/artDialog/plugins/iframeTools.js" type="text/javascript"></script>
<div class="row" id="cnt" style="margin: 0 auto; width: 1020px;">
<div>
<table id="tbView">
</table>
<div id="divNav">
</div>
<div style="height: 10px; display: block;">
&nbsp;
</div>
</div>
</div>
<script type="text/javascript">
//格式化操作
function operFmatter(cellvalue, options, rowObject) {
return '<a href="showdetail.aspx?id=' + cellvalue + '" class="yes"><i class="icon-bookmark"></i>房间管理</a>&nbsp;<a style="color: #ff0000;" href="editRoomInfo.aspx?id=' + cellvalue + '" data-name="' + rowObject[] + '" class="yes"><i class="icon-edit"></i>编辑</a>&nbsp;<a style="color: #ff0000;" href="javascript:;" class="rowDel" data-id="' + cellvalue + '" data-name="' + rowObject[] + '" class="no"><i class="icon-remove-sign"></i>删除</a>';
}
$(function () {
jQuery("#tbView").jqGrid({
url: 'services.aspx',
postData: {
t: 'getlist'/*,
cid: function () { return $('#info_lb').find('option:selected').val(); },
zid: function () { return $('#hidCid').val() },
mid: function () { return $('#hidMid').val() },
key: function () { return $('#txtKey').val(); }*/
},
datatype: "json",
colNames: ['ID', '房间类型', '房间号', '房间状态', '发布状态', '添加人员', '排序', '添加时间', '操作'],
colModel: [
{ name: 'id', index: 'id', hidden: true },
{ name: 'rtype', index: 'R_Type', align: "left", width: '' },
{ name: 'rnum', index: 'R_Num', align: "left", width: '' },
{ name: 'rstatus', index: 'R_Enable', align: "center", width: '' },
{ name: 'Published', index: 'R_Published', align: "center", width: '' },
{ name: 'uname', index: 'UName', align: "center", width: '' },
{ name: 'order', index: 'R_DisplayOrder', align: "center", width: '' },
{ name: 'ctime', index: 'ctime', align: "center", width: '' },
{ name: 'id', index: 'id', align: "center", width: '', formatter: operFmatter, sortable: false }
],
rowNum: ,
rowList: [, , , , ],
pager: '#divNav',
mtype: 'post',
sortname: 'ctime',
sortorder: 'desc',
rowNum: ,
height: '',
width: '',
multiselect: true,
viewrecords: true,
caption: '房间信息列表',
jsonReader: {
root: "rows",
page: "currpage",
total: "totalpages",
records: "totalrecords",
repeatitems: false,
id: "id"
}
}); jQuery("#tbView").jqGrid('navGrid', "#divNav", { edit: false, add: false, del: false, search: false }); //删除所选
$('#btnDel').click(function () {
var tmpID = jQuery("#tbView").jqGrid('getGridParam', 'selarrrow');
if (tmpID.length == ) {
art.dialog({
content: '请选择一条数据!',
ok: true
});
return false;
}
var _ids = [];
for (var i in tmpID) {
var ret = jQuery("#tbView").jqGrid('getRowData', tmpID[i]);
_ids.push(ret.infoid);
}
art.dialog.confirm('确定要删除所选数据吗?删除后不可恢复!', function () {
Operate(_ids.join(','), 'delinfo');
});
}); //删除单个
$(document).delegate('.rowDel', 'click', function () {
var _id = $(this).attr('data-id');
var _rname = $(this).attr('data-name');
art.dialog.confirm('确定要删除这条数据吗?删除后不可恢复!', function () {
// Operate(_id, 'delinfo');
$.ajax({
type: 'post',
data: {
t: 'del',
id: _id },
url: "services.aspx",
success: function (resp) {
if (resp == ) { art.dialog({
content: '数据删除成功!' });
window.location.href = "Default.aspx";
return false; }
}
});
//end
});
}); //显示或者隐藏
$(document).delegate('.rowView', 'click', function () {
var _rval = $(this).attr('rval');
var _rid = $(this).attr('rid');
var _rname = $(this).attr('rname');
art.dialog.confirm('确定要 ' + (_rval == '' ? '隐藏' : '显示') + ' [' + _rname + '] 这条数据吗?', function () {
Operate(_rid, _rval == '' ? 'disinfo' : 'eninfo');
});
}); });
</script> services.aspx.cs 页面
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data; public partial class _51eweb_sysadmin_XRoomMgr_services : System.Web.UI.Page
{
//当前页
public int PageIndex
{
get
{
try
{
if (Request["page"] == null || Request["page"] == "")
{
return ;
}
return Convert.ToInt32(Request["page"]);
}
catch
{
return ;
}
}
}
protected void Page_Load(object sender, EventArgs e)
{ } protected override void OnInit(EventArgs e)
{
string t = Request.Form["t"]; switch (t)
{
case "getlist":
getlist();
break;
case "del":
setDel();
break;
default:
break;
} base.OnInit(e);
} public void setDel()
{
int _id = int.Parse(Request["id"]);
//{
if (EF.Query.QXRoomInfo.DelByID(_id))
{
Response.Write();
Response.End();
}
} //房间信息
private void getlist()
{
string _rows = Request["rows"];//pagesize
string _sidx = Request["sidx"];//排序ID
string _sord = Request["sord"];//排序 SystemModel.Pager mt = new SystemModel.Pager();
mt.PageIndex = PageIndex;
mt.PageSize = int.Parse(_rows);
mt.TableName = "XRoomInfo";
mt.FiledList = "[ID],[R_Type],[R_Name],[R_Num],[R_DisplayOrder],[R_Published],[R_Enable],[UID],[UName],[CTime]";
mt.PrimaryKey = "ID"; System.Collections.Generic.List<SystemModel.admin_info> mylist = (System.Collections.Generic.List<SystemModel.admin_info>)HttpContext.Current.Session["adminuser"];
if (mylist == null) { return; } mt.Order = string.Format(" {0} {1},id desc ", CommonLib.StringHelper.SqlSafeString(_sidx, true), CommonLib.StringHelper.SqlSafeString(_sord, true));
mt.SortType = ; mt.RecorderCount = ; int TotalPage = ;
int TotalRecord = ;
DataTable dt = SystemBLL.Pager.GetRecord(mt, ref TotalPage, ref TotalRecord); if (dt == null || dt.Rows.Count == )
{
Response.Write("{\"currpage\":\"" + PageIndex + "\",\"totalpages\":0,\"totalrecords\":0,\"rows\":[],\"msg\":\"暂无数据\"}");
return;
} Response.Write(Newtonsoft.Json.JsonConvert.SerializeObject(new
{
currpage = PageIndex,
totalpages = TotalPage,
totalrecords = TotalRecord,
rows = ConvertListByDt(dt)
}));
}
//转换房间信息为list object
private List<object> ConvertListByDt(DataTable dt)
{
List<object> _list = new List<object>();
foreach (var item in dt.AsEnumerable())
{
_list.Add(new
{ id = item.Field<int>("id"),
rtype = (item.Field<int>("R_Type") == ? "实验室" : item.Field<int>("R_Type") == ? "教室" : item.Field<int>("R_Type") == ? "研讨室/会议室" : "小剧场"),
rnum = item.Field<string>("R_Num"),
Published = (item.Field<bool>("R_Published") ? "发布" : "未发布"),
rstatus = (item.Field<bool>("R_Enable") ? "开启" : "关闭"),
uname = item.Field<string>("UName"),
order = item.Field<int>("R_DisplayOrder"),
ctime = item.Field<DateTime>("CTime").ToString("yyyy-MM-dd HH:mm")
});
}
return _list;
} }
//效果:

grid实例(Asp.net)的更多相关文章

  1. jQuery Grid With ASP.Net MVC

    jQuery Grid 能够在 ASP.NET MVC 中轻松地实现分页. 排序. 筛选以及 jQuery 插件网格中的 CRUD 操作. 具有以下特征: 时尚的表格数据呈现控件. JavaScrip ...

  2. C# 页面抽奖实例 asp.net

    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat=&qu ...

  3. 实现对数据进行分组小计并计算合计的实例 asp.net

    可以通过数据绑定来实现  通过union all 来实现数据库 SELECT * FROM v3_pay_list2 where ( (ought_date >= '2012-12-06') a ...

  4. Asp.Net Core 2.0 项目实战(9) 日志记录,基于Nlog或Microsoft.Extensions.Logging的实现及调用实例

    本文目录 1. Net下日志记录 2. NLog的使用     2.1 添加nuget引用NLog.Web.AspNetCore     2.2 配置文件设置     2.3 依赖配置及调用     ...

  5. Asp.Net Core 2.0 项目实战(6)Redis配置、封装帮助类RedisHelper及使用实例

    本文目录 1. 摘要 2. Redis配置 3. RedisHelper 4.使用实例 5. 总结 1.  摘要 由于內存存取速度远高于磁盘读取的特性,为了程序效率提高性能,通常会把常用的不常变动的数 ...

  6. Asp.Net Core 2.0 项目实战(4)ADO.NET操作数据库封装、 EF Core操作及实例

    Asp.Net Core 2.0 项目实战(1) NCMVC开源下载了 Asp.Net Core 2.0 项目实战(2)NCMVC一个基于Net Core2.0搭建的角色权限管理开发框架 Asp.Ne ...

  7. 【jqGrid for ASP.NET MVC Documentation】.学习笔记.2.jqGrid Model-View-Controller 分离

    1 基本 分离代码 和 描述 ,在ASP.NET MVC 应用程序中是非常重要的.因此,jqGrid 的 mvc 模式使用一个共同的网格安装设置,包括 Model ,Controller 和 View ...

  8. ASP.NET-FineUI开发实践-12

    1.网上找到了行合并的示例,extjs写的,我把它挪过来改了下,FineUI也能用,就是只能放着看,选择和编辑行扩展列没有测试,放出来大家看着用吧. <script> F.ready(fu ...

  9. 【初学者指南】在ASP.NET MVC 5中创建GridView

    介绍 在这篇文章中,我们将会学习如何在 ASP.NET MVC 中创建一个 gridview,就像 ASP.NET Web 表单中的 gridview 一样.服务器端和客户端有许多可用的第三方库,这些 ...

随机推荐

  1. Java原生API操作XML

    使用Java操作XML的开源框架比较多,如著名的Dom4J.JDOM等,但个人认为不管你用那个框架都要对JDK原生的API有所了解才能更得心应手的应用.本篇就来简单了解下原生的XML API. JAV ...

  2. 学习HTML5一周的收获4

    /* [CSS常用文本属性]  * 1.字体.字号: font-weight:字体的粗细,可选属性值:bold加粗  lighter细体  100~900数值(400正常,700 bold)   fo ...

  3. image图片拉伸

    p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px "PingFang SC"; color: #1d9421 } p.p2 ...

  4. 长连接 Socket.IO

    概念 说到长连接,对应的就是短连接了.下面先说明一下长连接和短连接的区别: 短连接与长连接 通俗来讲,浏览器和服务器每进行一次通信,就建立一次连接,任务结束就中断连接,即短连接.相反地,假如通信结束( ...

  5. 一个想法照进现实-《IT连》创业项目:三天的风投对接活动内幕分享

    前言: 话说出来创业的,都有一颗寻找风投的心,只因都有一个共同的特征:缺钱. 有的只是缺几十万,有的缺几百万,有的缺几千万,有的缺几个亿. 中国的市场,只要有需求,就有服务,只要有服务,就多了套路. ...

  6. Node.js + React + MongoDB 实现 TodoList 单页应用

    之前用 Ant Design 开发了一个项目,因此对 React 的特性有了一定的了解,React 使用封装组件的思想,组件各自维护自己的状态和 UI, 组件之间通过 props 传递数据和方法.当状 ...

  7. 【故障•监听】TNS-12518、TNS-00517和 Linux Error:32:Broken pipe

    [故障|监听]TNS-12518.TNS-00517和 Linux Error:32:Broken pipe 1.1  BLOG文档结构图 1.2  前言部分 1.2.1  导读和注意事项 各位技术爱 ...

  8. css3 的 calc()函数在布局中的使用----头部高度固定,页面正好占满一屏

    最近项目遇到一个布局需求,头部高度固定,页面需要刚好占满一屏幕. 如下示意图: 方法:使用calc .wrap{ position: relative; margin-left: 24px; marg ...

  9. java自加和自减

    public class Add { public static void main(String[] args) { int i = 0; i=i++ + ++i; int j = 0; j= ++ ...

  10. PDCA循环原理

    1.PDCA循环原理:plan  do  check action 以pdca质量环模型为质量控制和保证的理论依据,对软件质量进行把控. plan计划阶段:项目质量规划 1.分析现状,找出质量问题 2 ...