标签: subgrid

有人给我一些示例代码来使我的网格像这样.我在文档中读到jqgrid只支持subgrid.

喜欢这个页面在Hierachy http://trirand.net/demoaspnetmvc.aspx

谢谢 !

我正在尝试让我的子网格使用本地数据.但是,当我单击展开时,我只是得到一个加载框,就像网格试图从某个地方提取数据一样.我假设我不需要a,subGridUrl因为主网格的数据类型是datatype:'local'.还有什么我应该做的吗？

我使用jqGrid 3.6.4和jquery 1.4.2.在我的示例中,我正在遵循json数据格式,我想将这些json数据映射到jqgrid的行中

{
"page": "1",
"total": 1,
"records": "6",
"rows": [
    {
        "head": {
            "student_name": "Mr S. Jack ",
            "year": 2007

        },
        "sub": [
            {
                "course_description": "Math ",
                "date": "22-04-2010",
                "number": 1,
                "time_of_add": "2:00",
                "day": "today"
            }
        ]

      }
]
}

我的jqgrid代码如下

jQuery("#"+subgrid_table_id).jqGrid({
url:"http://localhost/stud/beta/web/GetStud.php?sid="+sid,
dtatype: "json",
colNames: ['Stud Name','Year','Date'.'Number'],
colModel: [ {name:'Stud Name',index:'student_name', width:100, jsonmap:"student_name"},
{name:'Year',index:'year', width:100, jsonmap:"year"},
{name:'Date',index:'date', width:100, jsonmap:"date"},
{name:'Number',index:'number', width:100, jsonmap:"number"}
],
height:'100%',
jsonReader: { repeatitems : false, root:"head" },
});

所以现在问题是我的数据,即student_name和year在"head"下,jqgrid可以找到这两个字段.同时其他两个列值,即日期和数字位于"子"下,甚至那些列我无法用jqgrid映射它

请帮助我如何在JQGrid中找到这些属性.

谢谢

我有一个有子网格的jqgrid.如何在不必单击加号的情况下展开子网格？

我遇到$("#jqgrid_id").expandSubGridRow(rowId);但不确定哪个rowId用于扩展子网格.

谢谢.

问题:jqGrid有子网格.我想为主网格的某些行禁用展开/折叠功能.

当我将子网格嵌套在网格内的填充子网格内时，不同浏览器之间的行为不一致。

Chrome/Edge (Windows)	火狐（Windows）	Safari MacOS

这是代码：

.grid {
  display: grid;
  grid-template-columns: [fullwidth-start] 100px [col1-start] 1fr [col1-end col2-start] 1fr [col2-end col3-start] 1fr [col3-end] 100px [fullwidth-end];
}
.grid .subgrid {
  display: grid;
  grid-column: fullwidth;
  grid-template-columns: subgrid;
}

.pad {
  padding-inline: 200px;
}

.setgap {
  padding-block: 1em;
  background-color: #def;
  display: grid;
  gap: 1em;
  grid-column: fullwidth;
  grid-template-columns: subgrid;
}

.col1_2 {
  background-color: #edf;
  padding: 1em;
  grid-column: col1-start/span 2;
}

.col3 {
  padding: 1em;
  background-color: #fde;
  grid-column: col3;
}

<div class="grid">
  <div class="subgrid pad"> …

嗨我有一个带有子网格的jqgrid,它调用了一个servlet.我正在使用POST向servlet发送一些数据,但是在调用子网格时不会发送相同的数据.这是我的JS:

$("#testsTable").jqGrid({
  mtype: "POST",
  url: "GetCurrentStatusServlet",
  postData: {buildPath :"C:\\Test\\01"},
  datatype: "xml",
     colNames:['TestCase Name', 'Last Update', 'Status'],
     colModel:[
      {name:'name',index:'name', width:90},
      {name:'lastupdate',index:'lastupdate', width:100},
      {name:'status',index:'status', width:80, align:"right"}   
     ],
     rowNum:10,
     autowidth: true,
     rowList:[10,20,30],
     pager: $('#pager1'),
     sortname: 'id',
     viewrecords: true,
     multiselect: true,
  caption: "Tests",
     sortorder: "desc",
     subGrid: true,
     subGridUrl : "GetCurrentStatusServlet",
     subGridModel: [ {
       name:  ['TestCase Name', 'Last Update', 'Status'],
       width : [100, 200, 80],
       params: ['name']}]
 }).navGrid('#pager1',{edit:false,add:false,del:false}); 

那么我怎样才能将postData也发送到子网格servlet？有没有办法指定subgridPostData？谢谢.

我有一个带子网格的网格:只有主网格的第一行需要有一个子网格.

我在Google和http://www.trirand.com/....i:subgrid&s[]=hidecol找到的解决方案 不起作用.

有快速和脏(硬编码)的解决方案吗？

我正在项目中使用来自http://ui-grid.info/的网格.我已经创建了一个分层网格,它可以很好地工作,但是当我进行导出时,它只从顶层网格导出数据.

这是设计的并且是网格的标准功能,因此我没有必要提出任何示例代码.来自http://ui-grid.info/docs/#/tutorial的任何例子都可以.

有没有办法导出子网格(最好是主网格和子网格一起出现在网格中)？

我试图让嵌套的子网格使用jqGrid与本地数据一起工作.我搜索了很多,但一直无法找到解决方案.以下是我的代码的简化示例:

var mainGridData =
    [
        // main grid data
        { id: "m1", col1: "11", col2: "12" },
        { id: "m2", col1: "21", col2: "22" },
        { id: "m3", col1: "31", col2: "32" }
    ];
var firstSubgrid =
    {
        m1: [
            // data for subgrid for the id=m1
            { id: "s1a", c1: "aa", c2: "ab", c3: "ac" },
            { id: "s1b", c1: "ba", c2: "bb", c3: "bc" },
            { id: "s1c", c1: "ca", c2: "cb", c3: "cc" }
        ],
        m2: [ …