こんにちは私はjqGridを使用してTreeGridを構築しようとしています。すべてが正常に機能しますが、特定のノードで展開をクリックすると、ツリーサイズが2倍になります。なぜそれが起こっているのか理解できません。
スナップショットは次のとおりです。
そして、任意のノードをクリックした後:
以下は私のJQueryコードです
function showMarkingUI(rfaID){
$("#treegrid").jqGrid({
url: '<%=request.getContextPath()%>/submissions/'+rfaID+'/jqGridJson',
datatype: 'json',
mtype: 'POST',
colNames: ["ID", "File/Folder", "Valid","Marked As","Level","Parent ID","HasLeaf"],
colModel: [{
name: 'id',
index: 'id',
width: 1,
hidden: true,
key: true
}, {
name: 'file',
index: 'file',
hidden: false,
sortable: true
},{
name: 'valid',
index: 'valid',
hidden: false,
sortable: true
}, {
name: 'markedas',
index: 'markedas',
hidden: false,
sortable: true
}, {
name: 'level',
index: 'level',
hidden: true,
sortable: true
}, {
name: 'parentid',
index: 'parentid',
hidden: true,
sortable: true
}, {
name: 'hasleaf',
index: 'hasleaf',
hidden: true,
sortable: true
}],
multiselect: true,
treeGridModel: 'adjacency',
height: 'auto',
width: '500',
pager: "#ptreegrid",
treeGrid: true,
ExpandColumn: 'file',
caption: "Record Folder" ,
onSelectRow:function(id){
var ret = jQuery("#treegrid").jqGrid('getRowData',id);
if(ret.hasleaf=='false')
{
document.getElementsByName("group1")[0].disabled=true;
document.getElementsByName("group1")[1].disabled=true;
}
else
{
document.getElementsByName("group1")[0].disabled=false;
document.getElementsByName("group1")[1].disabled=false;
}
}
});
}