zoukankan      html  css  js  c++  java
  • jQuery插件:jqGrid引入及基本属性

    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
  • 相关阅读:
    设计模式--策略模式
    安装PLSQLDeveloper
    oracle11g数据库安装
    tcp和udp的头部信息
    多线程之间实现通讯
    并发编程之多线程线程安全
    多线程快速入门
    帝国cms定时自动执行刷新任务插件DoTimeRepage
    华为S5700交换机初始化和配置SSH和TELNET远程登录方法
    织梦php7数据库备份无结果BUG修复方法
  • 原文地址:https://www.cnblogs.com/libingql/p/4374323.html
Copyright © 2011-2022 走看看