- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用一个简单的子网格创建 jqGrid。我已经设置了属性
autowidth:true
使jqGrid扩展到父元素的宽度。当我扩展子网格未扩展至 jqGrid 宽度的行。子网格的宽度仍然是所有子网格列的总和。这是预期行为还是错误?
我需要使用 jQuery 手动设置子网格的宽度还是有其他方法?
这是我使用的代码示例:
jQuery("#list").jqGrid({
url:'some-url.php',
mtype: "POST",
datatype: "json",
colNames:['Inv No','Date','Total'],
colModel:[
{name:'id',index:'id', width:55},
{name:'amount',index:'amount', width:55},
{name:'tax',index:'tax', width:55}
],
multiselect: false,
autowidth: true,
rowNum:10,
rowList:[10,20,30],
pager: '#pager',
sortname: 'id',
sortorder: "desc",
viewrecords: true,
subGrid : true,
subGridUrl: 'some-other-url.php',
subGridModel: [ {name:['CustomerId','CustomerName'], width:[55,55,]} ],
caption: "Subgrid Example",
sortable: true
});
jQuery("#list").jqGrid('navGrid','#pager',{add:false,edit:false,del:false});
最佳答案
我找到了替代解决方案,但它需要创建 jqGrid 作为子网格。然后子网格的宽度就可以根据需要调整了。
这是代码示例,我希望有人会发现它有用:
$("#list").jqGrid({
url:'some-url.php',
mtype: "POST",
datatype: "json",
colNames:['Inv No','Date','Total'],
colModel:[
{name:'id',index:'id', width:55},
{name:'amount',index:'amount', width:55},
{name:'tax',index:'tax', width:55}
],
multiselect: false,
autowidth: true,
rowNum:10,
rowList:[10,20,30],
pager: '#pager',
sortname: 'id',
sortorder: "desc",
viewrecords: true,
subGrid : true,
subGridRowExpanded: function(subgrid_id, row_id) {
var subgrid_table_id, subgrid_pager_id, desired_width;
subgrid_table_id = subgrid_id+"_t";
subgrid_pager_id = "p_"+subgrid_table_id;
desired_width = $("#list").width();
desired_width -= 25; // adjust this value as needed
$("#"+subgrid_id).html("<table id='"+subgrid_table_id+
"' class='scroll'></table><div id='"+subgrid_pager_id+"' class='scroll'></div>");
jQuery("#"+subgrid_table_id).jqGrid({
url:"subgrid-url.php?id="+row_id,
datatype: "json",
colNames: ['No','Item','Qty','Unit','Line Total'],
colModel: [ {name:"num",index:"num",width:80,key:true},
{name:"item",index:"item",width:130},
{name:"qty",index:"qty",width:70,align:"right"},
{name:"unit",index:"unit",width:70,align:"right"},
{name:"total",index:"total",width:70,align:"right",sortable:false}
],
rowNum:20,
pager: pager_id,
sortname: 'num',
sortorder: "asc",
height: '100%',
autowidth: false,
width: desired_width
});
},
caption: "Subgrid Example",
sortable: true
});
关于jquery - jqGrid 将 SubGrid 宽度设置为行宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6043266/
我有一个使用 subGrid 的网格(版本 4.1.1)。我正在使用 loadonce: true 和 scroll: 1. 当网格第一次加载时,我可以毫无问题地打开 subGrids,直到 我将主网
我想将 jqgrid 与子网格一起使用。我创建了一个 jqgrid 表。但是,我想在 subgrid 中显示描述和符号。 我还包含了 JSOn 数据和我的代码片段以及 fiddle demo here
我需要一些关于如何在以下场景中实现子网格的想法。 以下是我想要在 JQuery 网格和子网格中显示的 json 数据。基本上我得到一个名为“Contact”的对象,它有一个名为“actionSet”的
我正在使用一个简单的子网格创建 jqGrid。我已经设置了属性 autowidth:true 使jqGrid扩展到父元素的宽度。当我扩展子网格未扩展至 jqGrid 宽度的行。子网格的宽度仍然是所有子
如何读取这个jqgrid/subGrid 3级的第三级文件?我可以阅读第一和第二层的行,但我不知道如何阅读第三层。问候。 我只需要阅读第三级网格。 how do I read these rows.p
我创建了一个程序,让用户输入 9x9 数独谜题的所有值,将这些值存储在数组中,并可以检查所有行和列中的值是否不同,但我我无法理解如何实现代码来专注于 3x3 的每个子网格。我想我必须有最后一个嵌套的
所有关于 CSS 网格的指南似乎都暗示了一种结构,其中位于网格中的元素是网格元素本身的直接子元素: A B 其中 .wrapper 具有 display: grid 和 grid 属性的定
所有关于 CSS 网格的指南似乎都暗示了一种结构,其中位于网格中的元素是网格元素本身的直接子元素: A B 其中 .wrapper 具有 display: grid 和 grid 属性的定
我已经在竞争性程序员手册中找到了关于问题的解释,但我并不真正理解它如何包含问题的所有解决方案,我想知道是否有人可以为我解释它。如果不确定有关该问题的信息,我不确定是否只是无法正确理解解决方案。问题和解
我正在尝试使用 CRM 2015 在线的 fetchXml 结果填充子网格。一开始的一个问题是 document.getElementById("leadUmbrellaGrid"); 返回 null
我也想从主网格中完全隐藏它。 查看图片了解更多信息。 提前致谢。 最佳答案 您需要隐藏的列的名称为"subgrid"。所以要隐藏它,你可以使用 $("#grid").jqGrid("hideCol",
我是一名优秀的程序员,十分优秀!