easyui tabs hideheader 用法

RaysonYuan 2015-05-06 02:43:43

easyui tabs hideheader 用法

...全文

333 5 打赏收藏转发到动态举报

写回复

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

lth3696 2017-12-21

打赏
举报

回复

啧啧 . 楼上人家回答的这么详细.不接帖.射你一脸bug

Hello World, 2015-05-07

打赏
举报

回复

就用$('#xxxxx').tabs('hideHeader');
需要1.3.5以上版本

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <link href="../JS/jquery-easyui-1.4/themes/bootstrap/easyui.css" rel="stylesheet" />

</head>

<body>

    <input type="button" onclick="hideHeader();" value="hideHeader"/>

    <input type="button" onclick="showHeader();" value="showHeader"/>

    <div id="tabs" class="easyui-tabs" style="width:500px; height:300px; border:1px gray solid;" title="Tabs">

        <div title="tab-a">tab-a</div>

        <div title="tab-b">tab-b</div>

        <div title="tab-c">tab-c</div>

        <div title="tab-d">tab-d</div>

        <div title="tab-e">tab-e</div>

        <div title="tab-f">tab-f</div>

    </div>

</body>

</html>

<script src="../JS/jquery-easyui-1.4/jquery.min.js"></script>

<script src="../JS/jquery-easyui-1.4/jquery.easyui.min.js"></script>

<script type="text/javascript">

    function hideHeader() {

        $('#tabs').tabs('hideHeader');

    }

    function showHeader() {

        $('#tabs').tabs('showHeader');

    }

</script>

RaysonYuan 2015-05-07

打赏
举报

回复

有没有人大神在呀，帮帮忙呀！

RaysonYuan 2015-05-06

打赏
举报

回复

引用 1 楼 rui888 的回复:

官方文档呢？

官方网站只有个这个方法，没有具体说怎么用，我是个easyui刚入门的小兵，实在不知道怎么用，求大神教教呀！

tony4geek 2015-05-06

打赏
举报

回复

官方文档呢？

大家好，又见面了！EasyUI又更新了，这次更新内容还是不少的，具体内容请参考下面的更新说明，官方的更新说明中还少了1条，我给补上了。 jQuery EasyUI 1.3.5版本更新内容： Bug（修复） searchbox：修复“searcher”函数提供的“name”参数值错误的问题； combo：修复“isValid”方法无法返回布尔值的问题； combo：修复点击页面某一个combo组件的下拉列表时触发的“onHidePanel”事件会导致页面上其他combo组件的下拉列表被关闭的问题； combogrid：修复某些从combo组件继承来的方法无法使用的问题。 Improvement（改进） datagrid：改进检查行时候的性能； menu：允许追加菜单分隔符； menu：新增“hideOnUnHover”属性用于在鼠标离开菜单的时候指示是否需要隐藏菜单； slider：新增“clear”和“reset”方法； tabs：新增“unselect”方法、“onUnselect”事件； tabs：新增“selected”属性，用于指定的默认打开的面板； tabs：Tab Panel（Tab页）新增“collapsible”属性，用于设置是否允许摺叠面板； tabs：新增“showHeader”属性、“showHeader”方法和“hideHeader”方法； combobox：允许“disabled”属性禁用下拉列表选项； tree：改进数据加载时候的性能； pagination：新增“layout”属性，用于自定义控件的样式布局； accordion：新增“unselect”方法、“onUnselect”事件； accordion：新增“select”和“multiple”属性； accordion：新增“getSelections”方法； datebox：新增“sharedCalendar”属性，允许多个datebox控件共享使用同一个calendar控件。 datebox：新增“buttons”属性，用于自定义日历下方的按钮。（译者注：该点更新内容官方更新公告上没有注明，具体内容和用法请看datebox的API。）历史版本： - jQuery EasyUI 1.3.4 离线API简体中文版 http://download.csdn.net/detail/richie696/6302785 - jQuery EasyUI 1.3.4 离线API简体中文版 http://download.csdn.net/detail/richie696/5363933

今天用了easyui-tabs来加载了嵌入的页面，但是项目有需求不显示tab的头部信息，找了api 发现有这个方法hideHeader（该方法自1.3.5版开始可用）注意版本 tabs用例： data-options=" fit:true, border:false,

这是一套技术比较全面的EasyUI视频,由浅入深的几乎涵盖了所有EasyUI常用的组件,本课程后台Java端采用的是传统JDBC的技术,因为这套课程主要突出的是EasyUI的使用,所有后台这块技术大家可以忽略,只要有Java框架基础的同学,那后台是可以随意换的.本门课程的技术呢比较陈旧,视频中的有些杂音,如果你们公司用不着这个技术你就别学了,因为这技术确实已经挺老的了,可以学一些新的前端技术,例如BootStrap或者Vue,或者angularJS啦什么都可以.课程目标:1.熟练掌握EasyUI介绍和环境搭建2.熟练掌握Messager和window组件使用3.熟练掌握Dialog组件使用.4.熟练掌握表单验证,numberbox等组件使用5.熟练掌握layout布局组件6.熟练掌握datagrid组件增删改查详解7.熟练掌握可编辑表格Combo组件详解8.熟练掌握combo组件详解,省市县级联菜单9.熟练掌握tree组件详解,拖拽,增删改查

通过 $.fn.tabs.defaults 重写默认的 defaults。The tabs display a collection of panel. It shows only one tab panel at a time. Each tab panel has the header title and some mini button tools, including close butt...

EasyUI Panel 面板通过 $.fn.panel.defaults 重写默认的 defaults。面板（panel）当做其他内容的容器使用。它是创建其他组件（比如：Layout 布局、Tabs 标签页/选项卡、Accordion 折叠面板，等等）的基础组件。它也提供内置的可折叠、可关闭、可最大化、可最小化的行为以及其他自定义行为。面板（panel）可以简单地嵌入到网页的任何位置。 ...

87,916

社区成员

224,617

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章