jquery zTree内容过宽时加滚动条

来源:互联网 发布:淘宝代销什么时候回款 编辑:程序博客网 时间:2024/06/12 01:23

当zTree的树形列表太宽时,有时会溢出,在加载Tree的ul上设置overflow:auto,就可以在tree过宽时出现滚动条了!

修改前:


<div class="col-md-8">
                                                            <div class="btn-group" style="width: 100%"
                                                                id="tjBtnGroup">
                                                                <a href="javascript:void(0);" class="btn btn-default"
                                                                    id="tjA" treeDown="true" style="width: 85%;">请选择</a> <a id="tjTreeDown"
                                                                    href="javascript:void(0);" class="btn btn-default"
                                                                    treeDown="true"><i class="fa fa-angle-down"></i></a>
                                                                <ul id="tjTreeDemo"
                                                                    class="dropdown-menu ztree form-group"
                                                                    style="margin-left: 0; width: 98%; position: absolute;"></ul>  <===========这一行
                                                                <input type="hidden" id="finalClassiFicationCode"
                                                                    name="finalClassiFicationCode" />
                                                            </div>

修改后:

<div class="col-md-8">
                                                            <div class="btn-group" style="width: 100%"
                                                                id="tjBtnGroup">
                                                                <a href="javascript:void(0);" class="btn btn-default"
                                                                    id="tjA" treeDown="true" style="width: 85%;">请选择</a> <a id="tjTreeDown"
                                                                    href="javascript:void(0);" class="btn btn-default"
                                                                    treeDown="true"><i class="fa fa-angle-down"></i></a>
                                                                <ul id="tjTreeDemo"
                                                                    class="dropdown-menu ztree form-group"
                                                                    style="margin-left: 0; width: 98%; position: absolute;overflow:auto"></ul>  <=======这一行
                                                                <input type="hidden" id="finalClassiFicationCode"
                                                                    name="finalClassiFicationCode" />
                                                            </div>

0 0
原创粉丝点击