• 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
  • 相关阅读:
    PHP实现没有数据库提交form表单到后台并且显示出数据列表(Vuejs和Element-UI前端设计表单)
    vueJs开发音乐播放器第二篇(点击歌单跳出详情页)
    VueJs创建网易音乐播放器和vueJs常见错误处理
    VueJS和Javascript实现文字上下滚动效果
    Javascript返回顶部和砸金蛋,跑马灯等游戏代码实现
    md5 加密
    面向对象相关
    网络编程
    初始面向对象
    模块和包
  • 原文地址:https://www.cnblogs.com/libingql/p/4374323.html
Copyright © 2020-2023  润新知