1. jqGrid下载

  jqGrid下载地址: http://www.trirand.com/blog/

  jqGrid Demo: http://www.guriddo.net/demo/guriddojs/

2. jqGrid引用

  jqGrid自身依赖于jQuery UI,引用jqGrid需要同时引用jQuery UI样式。

<link href="/Content/jquery.jqGrid/ui.jqgrid.css" rel="stylesheet"/>
<link href="/Content/themes/base/theme.css" rel="stylesheet"/>
<script src="/Scripts/jquery-2.1.3.js"></script>
<script src="/Scripts/i18n/grid.locale-cn.js"></script>
<script src="/Scripts/jquery.jqGrid.src.js"></script>

3. jqGrid属性

3.1 jqGrid基本属性

名称 类型 描述 默认值
url string 获取数据URL  
mtype string Ajax提交方式,GET或POST,默认为GET GET
datatype string 返回的数据类型,包括:xml,local,json,jsonnp,script,xmlstring,jsonstring,clientside,默认为xml。 xml
colNames Array 列名称数组  
colModel Array 列模型数组  
width mixed 表格宽度,可以是数字、像素值或百分比。  
height mixed 表格高度,可以是数字、像素值或百分比。  
rowNum integer 每页显示记录条数,默认为20条。 20
rowList Array 分页大小数组,显示为下拉框,用于选择每页需要显示的记录条数。  

3.1 colModel属性

名称 类型 描述 默认值
label string 如果colNames为空则用来作为列的显示名称,如果都没有设置则显示name 值  
name string 列名称  
width number 默认列的宽度,只能是像素值。 150
fixed boolean 列宽度是否要固定不可变,默认为true。 true
align string 单元格对齐方式,包括left、center及right。默认为left。 left
key boolean 列是否为主键列,只有一个列可以做这项设置,如果设置多于一个,那么只选取第一个,其他被忽略。 false
resizable boolean 列宽是否可调节,默认为true。 true
sortable boolean 列是否可排序,默认为true。 true
hidden boolean 初始化表格时是否要隐藏此列,默认为false。 false
hidedlg boolean 是否显示或者隐藏此列(appear in the modal dialog) false

jQuery插件:jqGrid引入及基本属性的更多相关文章

  1. vue引入jquery插件

    在vue中使用jquery插件 1.引入jquery 第一种方法:全局引入jquery 在webpack.base.conf.js,新增以下代码 plugins: [ new webpack.opti ...

  2. webpack+react+jquery和jquery插件

    要引入jquery插件 全局引入jquery plugins : [new webpack.ProvidePlugin({ $: 'jquery', jQuery:'jquery' "win ...

  3. 在Web工程中引入Jquery插件报错解决方案

    在学习Jquery插件的时候,遇到一个问题就是新建web工程后在WebRoot下引入Jquery插件的时候报错,不知道为什么好纠结,但是项目能正常运行,后来找到解决方案,在这里给大家分享一下. 解决方 ...

  4. 基于 Webpack 引入 jquery 插件的笔记

    如果都是基于 webpack(npm 上有包),那就非常顺利: import $ from 'jquery' import 'jquery-modal/jquery.modal.min.css' im ...

  5. 使用jQuery插件时避免重复引入jquery.js文件

    当一个页面使用多个jQuery插件时,需要避免重复引入jquery.js文件,因为后面映入的jQuery.js文件中定义的jQuery对象会覆盖掉前面的jQuery对象,导致之前定义的jQuery插件 ...

  6. webpack 引入jquery和第三方jquery插件

    1.引入jquery jQuery 直接在 html 中引入,然后在 webpack 中把它配置为全局即可. index.html: <!DOCTYPE html> <html> ...

  7. js插件---jqGrid插件如何使用

    js插件---jqGrid插件如何使用 一.总结 一句话总结:jqdrid还是依赖加js初始化的方式,很多时候插件的问题一般都是引入的css和js的问题,jqgrid里面遇到的问题就是下载包有一些js ...

  8. 教你开发jQuery插件(转)

    教你开发jQuery插件(转) 阅读目录 基本方法 支持链式调用 让插件接收参数 面向对象的插件开发 关于命名空间 关于变量定义及命名 压缩的好处 工具 GitHub Service Hook 原文: ...

  9. jquery插件封装成seajs模块

    jquery直接在html中引入. jquery插件修改为: define(function (require, exports, moudles) { return function (jquery ...

随机推荐

  1. appzapper注册码

    Appzapper for mac是MAC OS上的一款软件,可以非常方便的卸载自己不喜欢的软件,非常的快速便捷,卸载的时候不会有残留. 下载地址:http://www.pc6.com/mac/114 ...

  2. PHP多级联动的学习(二)

    首先我发现实现点击下拉框中的选项跳转传递信息的功能是需要javascript实现的.于是我把相应代码拷过来,把跳转的地址改掉.接着我发现无法 把<option value=''>中valu ...

  3. 怎么将java web 项目导入idea 中

    1.将 java web 项目导 入idea 中, 显示 然后进行 Configure 配置. 2. 点击 open module settings. 3. 4. 选择jar包. 5. 6. 配置to ...

  4. 使用SQL Server 2008 维护计划(图解)

    使用Sql Server 2008的维护计划可以实现自动备份数据库,并自动删除过期备份的功能. 一.环境 OS: Microsoft Windows Server 2003 R2 soft:Micro ...

  5. highchart 添加新的series

    code: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" c ...

  6. 深入理解OAuth2.0协议

    1. 引言 如果你开车去酒店赴宴,你经常会苦于找不到停车位而耽误很多时间.是否有好办法可以避免这个问题呢?有的,听说有一些豪车的车主就不担心这个问题.豪车一般配备两种钥匙:主钥匙和泊车钥匙.当你到酒店 ...

  7. css伪类制作三角箭头

    <meta charset="utf-8"> <style type="text/css"> .tip{ padding: 5px 10 ...

  8. nginx-(/etc/init.d/nginx)启动脚本

    #!/bin/bash #nx Startup script for the Nginx HTTP Server # it is v. version. # chkconfig: - # descri ...

  9. USACO翻译:USACO 2013 DEC Silver三题

    USACO 2013 DEC SILVER 一.题目概览 中文题目名称 挤奶调度 农场航线 贝西洗牌 英文题目名称 msched vacation shuffle 可执行文件名 msched vaca ...

  10. java 连接数据库

    1.获取服务器端数据库blog中记录数 package dataprocess; import java.io.BufferedWriter; import java.io.FileWriter; i ...