zoukankan      html  css  js  c++  java
  • JqGrid相关操作

    JqGrid相关操作

    根据jqGrid的文档,要想生成一个jqGrid,最直接的方法就是:
    $("#grid_id").jqGrid(options);
    也就是通过选择符得到一个table的jQuery对象,然后调用jqGrid(options),得到一个jqGrid对象。

    重点就在传入的option选项上了,通过这些选项可以得到各种各样的Grid表格。

                   url :jqGrid控件通过这个参数得到需要显示的数据,具体的返回值可以使XML也可以是Json。

      • datatype :这个参数用于设定将要得到的数据类型。我最常用的是“json”,其余的类型还包括:xml、xmlstring、local、javascript、function。
      • mtype : 定义使用哪种方法发起请求,GET或者POST。
      • height :Grid的高度,可以接受数字、%值、auto,默认值为150。
      • width :Grid的宽度,如果未设置,则宽度应为所有列宽的之和;如果设置了宽度,则每列的宽度将会根据shrinkToFit选项的设置,进行设置。
      • shrinkToFit :此选项用于根据width计算每列宽度的算法。默认值为true。如果shrinkToFit为true且设置了width值,则每列宽度会根据width成比例缩放;如果shrinkToFit为false且设置了width值,则每列的宽度不会成比例缩放,而是保持原有设置,而Grid将会有水平滚动条。
      • autowidth :默认值为false。如果设为true,则Grid的宽度会根据父容器的宽度自动重算。重算仅发生在Grid初始化的阶段;如果当父容器尺寸变化了,同时也需要变化Grid的尺寸的话,则需要在自己的代码中调用setGridWidth方法来完成。
      • pager :定义页码控制条Page Bar
      • sortname :指定默认的排序列,可以是列名也可以是数字。此参数会在被传递到Server端。
      • viewrecords :设置是否在Pager Bar显示所有记录的总数。
      • caption :设置Grid表格的标题,如果未设置,则标题区域不显示。
      • caption :Grid的标题。如果设置了,则将显示在Grid的Header层。
      • rowNum :用于设置Grid中一次显示的行数,默认值为20。正是这个选项将参数rows(prmNames中设置的)通过url选项设置的链接传递到Server。注意如果Server返回的数据行数超过了rowNum的设定,则Grid也只显示rowNum设定的行数。
      • rowList :一个数组,用于设置Grid可以接受的rowNum值。例如[10,20,30]。
      • colNames :字符串数组,用于指定各列的题头文本,与列的顺序是对应的。
      • colModel :最重要的数组之一,用于设定各列的参数。(稍后详述)
      • prmNames :这是一个数组,用于设置jqGrid将要向Server传递的参数名称。(稍后详述)
      • jsonReader :这又是一个数组,用来设定如何解析从Server端发回来的json数据。(稍后详述)
        • 原文链接:http://blog.csdn.net/mike_caoyong/article/details/8615487
  • 相关阅读:
    ExecuteScalar requires the command to have a transaction when the connection assigned to the command is in a pending
    如何从vss中分离程序
    String or binary data would be truncated
    the pop3 service failed to retrieve authentication type and cannot continue
    The POP3 service failed to start because
    IIS Error he system cannot find the file specified _找不到页面
    pku2575Jolly Jumpers
    pku2940Wine Trading in Gergovia
    pku3219二项式系数
    pku1029false coin
  • 原文地址:https://www.cnblogs.com/fire-dragon/p/6141490.html
Copyright © 2011-2022 走看看