easyui-layout布局,动态给某区域面板修改title值
在easyui的布局中,没见到有直接修改某个区域title的方法。现分步修改如下。
布局代码:
<div id="cc" class="easyui-layout" style="width:700px;height:400px;"> <div data-options="region:'north',title:'North Title',split:true" style="height:100px;"></div> <div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div> <div data-options="region:'east',title:'East',split:true" style="width:100px;"></div> <div data-options="region:'west',title:'West',split:true" style="width:100px;"></div> <div data-options="region:'center',title:'center title'" style="padding:5px;"> <a id="fix" class="easyui-linkbutton">点击修改面板title</a> </div> </div
效果如下:
点击按钮,修改某个区域面板
代码如下:
<script> $(function(){ $('#fix').click(function(){ //1、获取某个区域面板,如east var temp = $('#cc').layout('panel','east'); //2、给区域面板title赋值 temp.panel('setTitle','东区标题'); }); }) </script>
效果如下:
完整代码见:
https://github.com/themeth/test/blob/master/easyui-layout.html
翟文彪: 学习了
themeth: panel带的方法
LINSIPO: setTitle是博主自己写的函数吗
hyf_325324 回复 themeth: 好,我试一下
themeth 回复 hyf_325324: 删掉async:true; 让ajax获取数据在表格渲染之前