欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

EasyUI动态加载panel,并给panel添加内容

程序员文章站 2022-03-29 12:41:35
例子: 给布局内动态添加一个panel,给panel一个id,加内容的时候加到这个id里就可以了 html: ......

例子:

给布局内动态添加一个panel,给panel一个id,加内容的时候加到这个id里就可以了

 var str=$('<div> <textarea id="context" name="context" style="height:100%; overflow: auto;border: 1px solid #ccc; min-height: 600px;"></textarea></div>');
                          $('#centBody').layout('add',{
                               region: 'east',
                               width: 500,
                               id:'Textx',
                               title: '项目指引',
                               split: true
                          });
                        str.appendTo($('#Textx'));

html:

 <div data-options="region:'center',collapsible:false,border:false" style="padding: 0px 5px 0px 0px;
            height: 100%" id="ceshi">
            <div class="easyui-layout" data-options="fit:true,border:false" style="margin: 0px;
                padding: 0px; width: 100%; height: 100%;" id="centBody">
                <%--<div data-options="region:'east',split:true" title="East" style="width: 100px;">
                    文本框
                </div>--%>
                <div data-options="region:'center',collapsible:false,border:false" style="padding: 0px 5px 0px 0px;
                    height: 100%" title="项目分类" id="getTitle" style="height: 100%; width: 100%;overflow:auto;">
                    <div id="TreeCatalog">
                    </div>
                </div>
            </div>
        </div>