schoolManageGrid = $("#jqGrid").jqGrid({
url : ctx.path+"/api/school/querySchools",
mtype:"POST",
datatype: "json",
height:contentHeight,
colNames: ['序号', '所属区域', '学校名称', '校长','联系电话','学校类型', '', '操作','state'],
colModel: [
{ name: 'schoolId', index: 'schoolId', width: 60, sorttype: "int", hidden : true },
{ name: 'addressName', index: 'addressName', width: 80 },
{ name: 'schoolName', index: 'schoolName', width: 100 },
{ name: 'contact', index: 'contact', width: 100 },
{ name: 'phone', index: 'phone', width: 100 },
{ name:'schoolTypeName', index:'schoolTypeName'},
{ name:'schoolTypeId', index:'schoolTypeId', width : 0, hidden : true},
{ name : 'act',index : 'act',width : 100,align:'center', sortable : false },
{ name : 'state',index : 'state', hidden : true}
],
gridComplete : function() {
var ids =schoolManageGrid.jqGrid('getDataIDs');
for ( var i = 0; i < ids.length; i++) {
var cl = ids[i];
var rowData = schoolManageGrid.jqGrid('getRowData',cl);
if(rowData.state==1){
enable= "<a href=\"javascript:void(0)\" style='vertical-align:middle;' onclick=\"enableClick("+rowData.state+","+rowData.schoolId+",'"+rowData.schoolName+"');\" >禁用</a>";
}else{
enable= "<a href=\"javascript:void(0)\" style='vertical-align:middle;' onclick=\"enableClick("+rowData.state+","+rowData.schoolId+",'"+rowData.schoolName+"');\" >启用</a>";
}

eid = "<div class='edit' title='编辑' style='vertical-align:middle;' onclick=\"editUser("+ rowData.schoolId+",'"+rowData.schoolName+"','"+rowData.contact+"','"+rowData.phone+"','"+rowData.schoolTypeId+"');\" ></div>";
schoolManageGrid.jqGrid('setRowData', ids[i],
{
act : enable +"<span style='width:40px;display: inline-block;'></span>" + eid
});
}

},
multiselect:false,
autowidth: true,//自适应宽度
shrinkToFit: true,
rowNum : 20,
rowList: [10, 20, 50],
rownumbers:true,//添加左侧行号
altRows:true,//设置为交替行表格,默认为false
pager : '#jqGridPager',
viewrecords: true, //是否在浏览导航栏显示记录总数
hidegrid: false,
jsonReader: {
   root: "data.data",// Json数据
records: "data.totalRows",// 总记录数
total:"data.totalPages",
page:"data.page",
repeatitems: false
   }
});

jqGrid后台交互样例的更多相关文章

  1. Androidclient与服务端交互之登陆演示样例

    今天了解了一下androidclient与服务端是如何交互的,发现事实上跟web有点类似吧,然后网上找了大神的登陆演示样例.是基于IntentService的 1.后台使用简单的servlet,支持G ...

  2. Android网络(3):HttpClient作client,Tomcat Servlet作server的交互演示样例

    前面相继介绍了Android网络编程里的Socket传输图片.HttpURLConnection,今天看HttpClient. 第一部分:JavaEE版的Eclipse配置Tomcat [备注:开发后 ...

  3. Ext JS学习第十六天 事件机制event(一) DotNet进阶系列(持续更新) 第一节:.Net版基于WebSocket的聊天室样例 第十五节:深入理解async和await的作用及各种适用场景和用法 第十五节:深入理解async和await的作用及各种适用场景和用法 前端自动化准备和详细配置(NVM、NPM/CNPM、NodeJs、NRM、WebPack、Gulp/Grunt、G

    code&monkey   Ext JS学习第十六天 事件机制event(一) 此文用来记录学习笔记: 休息了好几天,从今天开始继续保持更新,鞭策自己学习 今天我们来说一说什么是事件,对于事件 ...

  4. MarkDown+LaTex 数学内容编辑样例收集

    $\color{green}{MarkDown+LaTex 数学内容编辑样例收集}$ 1.大小标题的居中,大小,颜色 [例1] $\color{Blue}{一元二次方程根的分布}$ $\color{R ...

  5. JDBC连接MySQL数据库及演示样例

    JDBC是Sun公司制定的一个能够用Java语言连接数据库的技术. 一.JDBC基础知识         JDBC(Java Data Base Connectivity,java数据库连接)是一种用 ...

  6. jbpm入门样例

    1.      jBPM的简介 jBPM是JBOSS下的一个开源java工作流项目,该项目提供eclipse插件,基于Hibernate实现数据持久化存储.    參考 http://www.jbos ...

  7. JBoss 系列九十九:Rest WebService jBPM 6 集成演示样例

    概述 jBPM 6 提供 Rest API 供第三方应用整合使用 jBPM 6,本文演示假设通过 Rest API: 启动流程 获取流程实例信息 启动 User Task 完毕 User Task j ...

  8. 百度地图 Android SDK - 检索功能使用的简单演示样例

    百度地图 SDK 不仅为广大开发人员提供了炫酷的地图展示效果.丰富的覆盖物图层,更为广大开发人员提供了多种 LBS 检索的能力. 通过这些接口,开发人员能够轻松的訪问百度的 LBS 数据,丰富自己的移 ...

  9. 让你提前认识软件开发(19):C语言中的协议及单元測试演示样例

    第1部分 又一次认识C语言 C语言中的协议及单元測试演示样例 [文章摘要] 在实际的软件开发项目中.常常要实现多个模块之间的通信.这就须要大家约定好相互之间的通信协议,各自依照协议来收发和解析消息. ...

随机推荐

  1. jQuery two way bindings(双向数据绑定插件)

    jQuery two way bindings https://github.com/petersirka/jquery.bindings 这是一个简单的jQuery双向绑定库. 此插件将HTML元素 ...

  2. ue4 编辑器记录

    Matinee 编辑器 菜单:Add New Empty Group->选择要变动的Actor->菜单:Add Actor->菜单:Add Key->变更Actor属性-> ...

  3. 3D图像算法

    http://dev.gameres.com/Program/Visual/3D/3Darit.htm 3D简介 我们首先从坐标系统开始.你也许知道在2D里我们经常使用Ren?笛卡儿坐标系统在平面上来 ...

  4. Karel版本的nnet1

    除了chain,nnet1, nnet2, nnet3训练时调整转移模型,chain模型使用类似与MMI的训练准则 概要 Karel Vesely的nnet1用到以下技术: 每一层进行预训练,基于RB ...

  5. 《第一行代码-李兴华》-10.3 System类

    10.3 System类 视频地址:System类 /** * * 统计某项操作执行时间 * */ long start = System.currentTimeMillis();//返回以毫秒为单位 ...

  6. iic 之24C256存储器 及PCF8563

    参考文章: http://www.21ic.com/jichuzhishi/mcu/memory/2013-02-28/159439.html 完整的例子: http://blog.csdn.net/ ...

  7. R大

    知乎链接 https://www.zhihu.com/collection/114506870

  8. mysql 分库分表 ~ 方案选择浅谈

    一 简介:分库分表的理解二 具体: 1 当由于单台DB业务增长导致的服务器压力时,就必须横向进行扩展              2 本文仅从中间层观点进行分析三 现有方案  方案1 sharding家 ...

  9. nginx 端口映射多个应用

    nginx端口映射多个应用,应用中的静态资源路径尽量是写相对路径 server { listen 8000; location / { proxy_pass http://10.1.166.216:9 ...

  10. CentOS7.4安装部署KVM虚拟机

    命令:virt-manager 可以查看已经安装的虚拟机 参考文档:1.https://blog.csdn.net/qq_39452428/article/details/80781403