Jquery 自由网格treeGrid在表格底部展开

我想在易趣分类中使用treeGrid

所有类别开始折叠（图：）

点击邮票后，子类别在表格底部展开，而不是在邮票下方展开（图：）

我的表格定义：

$('#list').jqGrid({
cmTemplate:{sortable:false, autoResizable: true},
multiSort: false,
url:'/admin/ebay/kategorien/get_jqgrid',
datatype:'json',
mtype:'POST',
jsonReader:{ repeatitems: false },
colModel:[{name:'id',index:'id',width:1,hidden:true,key:true},
          {name:'name', label:'Name', width:200},
          {name:'site_id', label:'Site', width:60},
          {name:'cat_id', label:'Kat.-ID', width:60},
          {name:'leaf_category', label:'Erlaubt', width:60},
          {name:'in_use', label:'Benutzen', width:64,
           formatter:'checkbox', align:'center', stype:'select',
           editoptions:{value:':Alle;-:-;+:+'}}],
pager:'#pager', 
height:'auto',
autowidth:false,
shrinkToFit:false,
guiStyle: 'bootstrap',
viewrecords:true,
gridview:true,
loadComplete: function () {
$(this).triggerHandler('resize.jqGrid');
},
editurl:'/admin/ebay/kategorien/edit',
iconSet:'fontAwesome',
treeGrid:true,
treeGridModel:'adjacency',
ExpandColumn:'name',
ExpandColClick:'true',
caption:'eBay-Kategorien'
});

数据示例：

{
 "site_id":"0",
 "cat_version":"114",
 "cat_id":"20081",
 "cat_level":"1",
 "name":"Antiques",
 "parent_id":"20081",
 "leaf_category":"0",
 "in_use":"0",
 "id":"20081",
 "level":0,
 "parent":"null",
 "isLeaf":"false",
 "expanded":"false"
},
{
 "site_id":"0",
 "cat_version":"114",
 "cat_id":"260",
 "cat_level":"1",
 "name":"Stamps",
 "parent_id":"260",
 "leaf_category":"0",
 "in_use":"0",
 "id":"260",
 "level":0,
 "parent":"null",
 "isLeaf":"false",
 "expanded":"false"
},
{
 "site_id":"0",
 "cat_version":"114",
 "cat_id":"181423",
 "cat_level":"2",
 "name":"Africa",
 "parent_id":"260",
 "leaf_category":"0",
 "in_use":"0",
 "id":"181423",
 "level":1,
 "parent":"260",
 "isLeaf":"false",
 "expanded":"false"
},

我测试和搜索了很多，但我找不到解决方案。。。

---

我做错了什么以及如何解决这个问题？

您发布的JSON数据与图片不对应。你能更新JSON数据或图片吗。准备重现问题的演示（例如，在JSFIDLE中）是很好的。典型错误，与您的图片对应的是输入中的项目顺序错误。jqGrid（和免费的jqGrid）要求输入节点的顺序（从url返回）与扩展项完全对应。了解jqGrid以相同的顺序加载和放置TreeGrid的节点很重要。然后，它将隐藏折叠的节点以及所有子节点

我假设“Stamps”节点的子节点在“Video Games&Consoles”之后，而不是在“Stamps”之后。您应该验证并修复加载项目的顺序

---

我建议您另外删除不需要的隐藏

id

列。自由jqGrid中的默认选项是

height:'auto'，autowidth:false

和

gridview:true

，可以删除。TreeGrid通常不需要选项

pager:“#pager”

，但如果您需要它来

navGrid

，例如，您可以将

pager:“#pager”

更改为

pager:true

，删除不需要的空

，并跳过

navGrid

或

中的
“#pager”
。免费jqGrid将自动生成寻呼机div，
navGrid
或
inlineNav
也将自动使用寻呼机。
JSON数据，您发布的数据与图片不对应。你能更新JSON数据或图片吗。准备重现问题的演示（例如，在JSFIDLE中）是很好的。典型错误，与您的图片对应的是输入中的项目顺序错误。jqGrid（和免费jqGrid）要求输入节点的顺序（从
url
返回）与展开的项完全对应。我假设“Stamps”节点的子节点在“Video Games&Consoles”之后，而不是在“Stamps”之后。我建议您另外删除不需要的隐藏
id
列。谢谢，Oleg。订单是个问题，不客气！我很高兴能帮助你。我张贴了我的答案。你可以这样做，并获得你的第一声誉点。