• 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: '放大镜',

             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 : "单位名称", 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) {

            }

        });

    }

  • 相关阅读:
    《梦幻西游》打响反盗号战役:为2亿玩家提供360安全武器 狼人:
    瑞星发表官方声明:记者王学武系恶意诽谤 狼人:
    中美联合挫败Conficker蠕虫大攻击 狼人:
    安全机构建议奥巴马政府谨慎使用开源软件 狼人:
    大量计算机遭“灰鸽子”病毒攻击 狼人:
    警惕IE7新漏洞导致的木马病毒暴增 狼人:
    IE7漏洞被瞄准 新型攻击将爆发 狼人:
    Windows 7成为Pwn2own黑客挑战赛目标 狼人:
    黑客入侵唱片业协会网站 为“海盗湾”助威 狼人:
    “猫癣”“犇牛”木马病毒肆虐 专家提醒补漏洞 狼人:
  • 原文地址:https://www.cnblogs.com/daguozb/p/11585216.html
Copyright © 2020-2023  润新知