jqGrid的表格加载

     function GetGrid() {
var selectedRowIndex = 0;
var $gridTable = $("#gridTable");
$gridTable.jqGrid({
datatype: "json",
height: $(window).height() - 141,
autowidth: true,
colModel: [
{ label: '主键', name: 'pk', hidden: true },
{ label: "表名", name: "tableName", width: 300, align: "left", sortable: false },
{
label: "记录数", name: "tableRows", width: 100, align: "center", sortable: false,
formatter: function (cellvalue, options, rowObject) {
return cellvalue + "条";
}
},
{ label: "说明", name: "tableComment", width: 120, align: "left", sortable: false },
{ label: "表分类",name: "catKindName", width: 100, align: "left",sortable: false},
{ label: "分类码",name: "catCode", width: 0, align: "left",sortable: false,hidden:true} ],
onSelectRow: function () {
selectedRowIndex = $("#" + this.id).getGridParam('selrow');
},
gridComplete: function () {
$("#" + this.id).setSelection(selectedRowIndex, false);
},
rowNum: "1000",
rownumbers: true,
shrinkToFit: false,
gridview: true,
subGrid: true,
subGridRowExpanded: function (subgrid_id, row_id) {
var tableName = $gridTable.jqGrid('getRowData', row_id)['tableName'];
var subgrid_table_id = subgrid_id + "_t";
$("#" + subgrid_id).html("<table id='" + subgrid_table_id + "'></table>");
$("#" + subgrid_table_id).jqGrid({
url: "dataSourceTableController.do?tableStructrue",
postData: { dataBaseLinkId: _DataBaseLinkId, tableName: tableName },
datatype: "json",
height: 260,
colModel: [
{ label: "列名", name: "columnName", index: "columnName", width: 300, sortable: false },
{ label: "数据类型", name: "dataType", index: "dataType", width: 120, align: "center", sortable: false },
{ label: "长度", name: "characterMaximumLength", index: "characterMaximumLength", width: 57, align: "center", sortable: false },
{ label: "允许空", name: "isNullable", index: "isNullable", width: 58, align: "center", sortable: false },
{ label: "主键", name: "columnKey", index: "columnKey", width: 57, align: "center", sortable: false },
{ label: "默认值", name: "columnDefault", index: "columnDefault", width: 120, align: "center", sortable: false },
{ label: "说明", name: "columnComment", index: "columnComment", width: 200, sortable: false }
],
caption: "表字段信息",
rowNum: "1000",
rownumbers: true,
shrinkToFit: false,
gridview: true,
hidegrid: false
});
}
});
//查询事件
$("#btn_Search").click(function () {
getTableList();
});
$("#txt_Keyword").keydown(function () {
getTableList();
});
function getTableList(){
$gridTable.resetSelection();
selectedRowIndex = 0;
$gridTable.jqGrid('setGridParam', {
url: "dataSourceTableController.do?allTables",
postData: { dataBaseLinkId: _DataBaseLinkId, keyword: $("#txt_Keyword").val() },
}).trigger('reloadGrid');
}
}

jgGrid的更多相关文章

  1. jgGrid中的editrules使用函数来进行验证

    jgGrid中的editrules 用于设置一些用于可编辑列的colModel的额外属性,大多数的时候是用来在提交到服务器之前验证用户的输入合法性的.比如editrules:{edithidden:t ...

  2. jgGrid pivot reload重新加载及刷新数据

    1.当使用jqGrid进行多维表时,reload方法会不停的重复增加标题的行数. 解决办法:直接删除jqGrid,重新初始化页面. function query(){//crossTable pivo ...

  3. jggrid应用,后台c#

    参考网址: 1.https://www.cnblogs.com/miro/p/jqGrid.html 2.https://blog.csdn.net/ainuser/article/details/6 ...

  4. jgGrid获得的id值是主键的id而不是jqGrid的行号值

    {name:'cityId',index:'cityId',sorttype:'int',width:0,hidden:true,key:true}, 一定要将你的主键值的的key设置为true,这样 ...

  5. jgGrid注销表格(动态修改表头)以及前台分页

    实例代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF- ...

  6. jgGrid常用操作--持续更新

    最近有使用到jqGrid框架,有个需求是单击某个字段,比如name,然后把id带过去执行一个function,网上有说用线获取选中行,然后再得到id的方法,此方法经实验,必须要先选中才行,在用户没有进 ...

  7. jqGrid插件getCol方法的一个改进

    jgGrid插件是非常常用的一个基于jQuery的表格插件,功能非常强大.我最近也频繁使用.但是这个插件也有一些不够完善的地方.比如这个getCol方法. getCol方法接受三个参数 colname ...

  8. 五分钟搭建起一个包含CRUD功能的JqGrid表格

    之前的项目也曾用过JgGrid对它的基本功能也是略有了解,网上有个国外的开源的项目,但是不适合个人的风格,所以花了3天空余的时间封装了下JqGrid,也算是参加开发工作10个月以来写的第一个比较完整的 ...

  9. jqGrid几个需要注意的默认设置

    jqGrid中的option属性设置中,几乎每个属性都会给出默认值,然而,有些默认值实在有些坑爹,导致在使用过程中,如果没有注意到而使用了默认值,就会出现一些问题. height:是指jqGrid表格 ...

随机推荐

  1. RHEL7或CentOS7安装11.2.0.4 RAC碰到的问题

    RHEL7或CentOS7安装11.2.0.4 RAC碰到的问题 随着Linux 版本的普及,但Oracle数据库主流版本仍是11gR2, 的支持不很完美,在Linux 上安装会遇到几处问题,以此记录 ...

  2. 在Ubuntu16.04下安装 labelImg

    首先按照 http://www.linuxdiyf.com/linux/13934.html 和 http://www.linuxdiyf.com/linux/13934.html  在ubuntu ...

  3. Flume+HBase+Kafka集成与开发

    先把flume1.7的源码包下载 http://archive.apache.org/dist/flume/1.7.0/ 下载解压后 我们通过IDEA这个软件来打开这个工程 点击ok后我们选择打开一个 ...

  4. flask-日料网站搭建-后台登录

    引言:想使用python的flask框架搭建一个日料网站,主要包含web架构,静态页面,后台系统,交互,今天教大家实现后台登录功能,比较简单. 本节知识:表单标签,表单验证,数据查询,模板 pytho ...

  5. 2015年第六届蓝桥杯JavaB组省赛试题解析

    题目及解析如下: 题目大致介绍: 第一题到第三题以及第六题.第七题是结果填空,方法不限只要得到最后结果就行 第四题和第五题是代码填空题,主要考察算法基本功和编程基本功 第八题到第十题是编程题,要求编程 ...

  6. Robot Operating System (ROS)学习笔记---创建简单的机器人模型smartcar

    搭建环境:XMWare  Ubuntu14.04  ROS(indigo) 转载自古月居  转载连接:http://www.guyuehome.com/243 一.创建硬件描述包 已创建catkin_ ...

  7. Ruby学习笔记1 -- 基本语法和数据类型, Class

    Ruby 有4种数据类型:String, Boolen, Array, Hashes Ruby 有3种操作方法:Method, attribute, ?? Ruby 有xxx: Classes, Ob ...

  8. ios-复制字符串到剪贴板

    UIPasteboard *pasteboard = [UIPasteboard generalPasteboard]; pasteboard.string = self.label.text;

  9. eclipse创建maven组合项目

    创建普通maven项目作为父项目: packaging类型选择pom. 创建子项目即可(需要mvn eclipse:eclipse构建为eclipse项目)

  10. python3封装Api接口

    注:本篇的代码和语法基于Python3.5环境,下面将用到Python 的Flask框架 封装接口主要讲静态接口(无参数传入).动态接口(有参数传入,不同参数返回的信息不同).针对动态接口有三种传参方 ...