博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Dialog 窗口 滚动条
阅读量:5031 次
发布时间:2019-06-12

本文共 1992 字,大约阅读时间需要 6 分钟。

本人用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) {

        }

    });

}

转载于:https://www.cnblogs.com/daguozb/p/11585216.html

你可能感兴趣的文章
C++的引用
查看>>
T-SQL查询进阶--深入浅出视图
查看>>
MapKeyboard 键盘按键映射 机械革命S1 Pro-02
查看>>
Android读取url图片保存及文件读取
查看>>
完整ASP.Net Excel导入
查看>>
判断CPU大小端示例代码
查看>>
ARTS打卡第13周
查看>>
循环队列的运用---求K阶斐波那契序列
查看>>
pta 编程题14 Huffman Codes
查看>>
初始化bootstrap treeview树节点
查看>>
python selenium向<sapn>标签中写入内容
查看>>
JS常用坐标
查看>>
使用”结构化的思考方式“来编码和使用”流程化的思考方式“来编码,孰优孰劣?...
查看>>
C#调用斑马打印机打印条码标签(支持COM、LPT、USB、TCP连接方式和ZPL、EPL、CPCL指令)【转】...
查看>>
关于git的认证方式
查看>>
字符串按照字典序排列
查看>>
IOS 开发调用打电话,发短信
查看>>
CI 框架中的日志处理 以及 404异常处理
查看>>
keepalived介绍
查看>>
css3 标签 background-size
查看>>