首页 > > 网页制作 > css >

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

2018-06-24 00:05:49来源：未知阅读 ()

例子:

给布局内动态添加一个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>