Dialog 窗口 滚动条
本人用Dialog做了一个弹出框,又在弹出框内展示的是树形结构treegrid。
但是在树形结构数据很多的时候,窗口并不会显示右边的滚动条,导致下面的都看不到。
经过研究发现dialog是在数据足够多的时候自动显示滚动条,但是我内置的treegrid height开始设置的小于了dialog 设置的 height,足够多数据不能触发dialog窗口;
结论是:把内置的树形结构不设置height就好了。
有个缺点是,数据不多的时候也显示滚动条,有路过的指点下吧。
代码如下
HTML:
<div id="belongOrg_div">
<table id="belongOrgTreeGrid"></table>
</div>
JS:
function belongOrgTree(){//有事件触发这个函数。
$("#belongOrg_div").dialog({
title: '放大镜',
width: 620,
height: 505,
cache: false,
modal: true,
onClose: function(){
p.onClose.call();
$(this).remove();
}
});
//所属单位放大镜中的树形结构
$("#belongOrgTreeGrid").treegrid({
//title : "单位信息",
width : "auto",
//height : 510,
nowrap : false,
rownumbers : true,
animate : true,
collapsible : false,
url : "${systemctx}/systemmanage/agency/queryTreeGridBelongOrg.json",
idField : "id",
treeField : "agencycodeandname",
frozenColumns : [ [ {
field : "agencycodeandname",
title : "单位编号",
width : 400
} ] ],
//columns : [[{field : "agencyname", title : "单位名称", width:300 }]],
queryParams:{ORGLEVELCODE: $("#loginOrgLevelCode").val(),AGENCYNAME:$("#belongOrg").val()},
onBeforeLoad : function(row, param) {
showSending(); //正在执行...
$("#belongOrgH").val($("#belongOrg").val());
},
loadFilter:function(data,parentId){
closeSending(); //关闭执行...
closeSending(); //关闭执行...
//设置每行记录的parentId
var rows = data.rows;
if(rows){
//若是采用了筛选查询,就不进行上下级的树形结构
if(rows[0].belongorglike!='-9'){
return data;
}
for(var i in rows){
if(rows[i].parentagencyid &&rows[i].agencylevel>rows[0].agencylevel)
rows[i]._parentId = rows[i].parentagencyid;
}
}
return data;
},
//双击一个节点进行选择,并关闭
onDblClickRow: function(row){
if(row)
{
$("#belongOrg").val(row.agencycode);
$("#depositOrgName").val(row.agencyname);
$("#id_belongOrg").val(row.id);
$("#orgLevelCode").val(row.agencylevelcode);
if($("#belongOrgH").val()!=$("#belongOrg").val()){
$("#depositOrgNameView").text($("#depositOrgName").val());
}
$('#belongOrg_div').window('close');
}
},
onLoadSuccess : function(row, data) {
}
});
}