easyui tabs hideHeader的用法
2017-05-03 16:38
309 查看
今天用了easyui-tabs来加载了嵌入的页面,但是项目有需求不显示tab的头部信息,找了api 发现有这个方法hideHeader(该方法自1.3.5版开始可用)注意版本
tabs用例:
<div id="detail_tabs" class="easyui-tabs"
data-options="
fit:true,
border:false,
plain:true,
selected:0
">
<div title="处理单" style="padding:10px;overflow-x:hidden;overflow-y:scroll;"
data-options="href:'procwork/jsptpl/cos_proc_tpl/${tplKey}.action?formName=${formName}&formDataId=${formDataId}&readonly=${formCtrlDto.readonly}& hidden=${formCtrlDto.hidden}&required=${formCtrlDto.required}'"></div>
<div title="${formDocDto.tabName}" style="padding:10px;overflow-x:hidden;overflow-y:scroll;" >
<iframe id="ntkoFrame" name="ntkoFrame" frameborder="no" width="100%" height="100%" src="" ></iframe>
</div>
</div>
用法:
$('#detail_tabs').tabs('hideHeader');
tabs用例:
<div id="detail_tabs" class="easyui-tabs"
data-options="
fit:true,
border:false,
plain:true,
selected:0
">
<div title="处理单" style="padding:10px;overflow-x:hidden;overflow-y:scroll;"
data-options="href:'procwork/jsptpl/cos_proc_tpl/${tplKey}.action?formName=${formName}&formDataId=${formDataId}&readonly=${formCtrlDto.readonly}& hidden=${formCtrlDto.hidden}&required=${formCtrlDto.required}'"></div>
<div title="${formDocDto.tabName}" style="padding:10px;overflow-x:hidden;overflow-y:scroll;" >
<iframe id="ntkoFrame" name="ntkoFrame" frameborder="no" width="100%" height="100%" src="" ></iframe>
</div>
</div>
用法:
$('#detail_tabs').tabs('hideHeader');
相关文章推荐
- easyui tabs 真正刷新用法
- easyui tabs 刷新用法
- EasyUI tabs update 正确用法
- webserver的安全验证+easyui-datagrid-treegrid源码改造支持httpheader设置
- PHP header 的几种用法
- VC中Tab control的用法
- VC中Tab control控件的用法详细解析
- 浅析 - TabLayout的基本用法
- Easyui主要组件用法
- EasyUI相同的Tab只打开一个(即EasyUI方法的调用方法)
- 使用js隐藏GridView的表头(hide the table header of GridView by JS)
- easyui tabs 获取选中选项卡索引
- EasyUI 常规用法
- jquery之hide()用法详解
- jQuery EasyUI Tab 选项卡问题小结
- header的用法(PHP)
- 玩转Web之easyui(二)-----easy ui 异步加载生成树节点(Tree),点击树生成tab(选项卡)
- EasyUI的combobox用法
- header 用法_转
- easyui-tab绑定tab使用右键菜单-默认第一个tab不做菜单的操作,只处理动态打开的tab操作