82jqGrid - 搜索

简介: 82jqGrid - 搜索

JSON(格式化后)

HTML代码举例

<html>
  <head>
    <title>jqGrid 实例</title>
  </head>
  <body>
    ···代码省略···
    <table id="pgrid4"></table> 
    <div id="ppager4"></div>
    <a href="data.json">JSON FILE</a>
    ···代码省略···
  </body>
</html>

javascript代码举例

$(function(){
  pageInit();
});
function pageInit(){
  jQuery("#pgrid4").jqGrid('jqPivot', 
      "data.json",
      // pivot options
      {
        xDimension : [
          {
            dataName: 'CategoryName', 
            width:90
          },{
            dataName: 'ProductName'
          }
        ],
        yDimension : [
          {
            dataName: 'Country'
          }
        ],
        aggregates : [
          { 
            member : 'Price', 
            aggregator : 'sum', 
            width:80,
            formatter:'number',
            align:'right',
            summaryType: 'sum'
          }
        ],
        rowTotals: true,
        colTotals: true
      }, 
      // grid options
      {
        width: 700,
        rowNum : 10,
        pager: "#ppager4",
        caption: "Totals by columns and rows"
      });
      $("#grid").jqGrid('navGrid','#pager',{add:false, edit:false, del:false, search:true});
}
目录
相关文章
|
2月前
|
JavaScript
vue实现下拉列表远程搜索示例(根据关键词模糊搜索)
vue实现下拉列表远程搜索示例(根据关键词模糊搜索)
|
9月前
|
JavaScript 前端开发 Java
63jqGrid - 复杂搜索
63jqGrid - 复杂搜索
35 0
|
9月前
|
JavaScript 数据格式
10jqGrid - 搜索操作
10jqGrid - 搜索操作
30 0
|
9月前
|
JavaScript 前端开发 Java
66jqGrid - 搜索模板
66jqGrid - 搜索模板
24 0
|
9月前
|
JavaScript 前端开发 Java
65jqGrid - 搜索中验证数据
65jqGrid - 搜索中验证数据
33 0
|
9月前
|
JavaScript 前端开发 Java
67jqGrid - 搜索操作工具栏
67jqGrid - 搜索操作工具栏
32 0
|
9月前
|
JavaScript 前端开发 Java
64jqGrid - 在搜索中显示查询条件
64jqGrid - 在搜索中显示查询条件
37 0
|
2月前
|
前端开发 JavaScript 容器
一个可搜索的表格
一个可搜索的表格
|
2月前
|
移动开发 前端开发 JavaScript
uVIew Search 搜索
uVIew Search 搜索
28 0
|
2月前
|
JavaScript