Closing Tab Panel

EasyUI Forum

October 10, 2024, 10:45:32 PM

Welcome, Guest. Please login or register.

News:

Home

Help

EasyUI Forum > General Category > Bug Report > Closing Tab Panel

Pages: [1]

« previous next »

Author

Topic: Closing Tab Panel (Read 22097 times)

cmwalolo

Newbie

Posts: 5

Closing Tab Panel

« on: April 02, 2012, 07:07:34 AM »

I got some trouble with the tab controls

Code:

var tabx = $(this.root.baseDiv).tabs("getTabIndex", this.settings.Text);
$(this.root.baseDiv).tabs("close", tabx);
$(this.root.baseDiv).tabs("add", { title: this.settings.Text, content: this.baseDiv, closable: true });

This is totally not working ! It doesn't close the tabs, and if I delete manually, it will create two tabs on next try.

If I replace second line with : $(this.root.baseDiv).tabs("close", 0);

The tab is only removed the second time, I add a tab ! And always with double tabs.


	Logged

cmwalolo

Newbie

Posts: 5

Re: Closing Tab Panel

« Reply #1 on: April 02, 2012, 07:37:26 AM »

Bon bon... I made a sample test, and it seems to work... So It's like it doesn't like my code or layout somewhere

Code:

<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<title>Lucene Index</title>
<link rel="stylesheet" type="text/css" href="/CMWA.NET/styles/site.css">
<link rel="stylesheet" type="text/css" href="/CMWA.NET/styles/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="/CMWA.NET/styles/themes/icon.css">
<script type="text/javascript" src="/CMWA.NET/scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/CMWA.NET/scripts/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/CMWA.NET/Scripts/json2.min.js"></script>
<script type="text/javascript" src="/CMWA.NET/Scripts/ServiceProxy.js"></script>

<script type="text/javascript" src="/CMWA.NET/Scripts/CMWA/Apps/Controls/LayoutControl.js"></script>
<script type="text/javascript" src="/CMWA.NET/Scripts/CMWA/DataEditor/DataEditor.js"></script>
<script type="text/javascript" src="/CMWA.NET/Scripts/CMWA/DataEditor/Containers/SimpleContainer.js"></script>
<script type="text/javascript" src="/CMWA.NET/Scripts/CMWA/DataEditor/Containers/Accordion.js"></script>
<script type="text/javascript" src="/CMWA.NET/Scripts/CMWA/DataEditor/Containers/Toolbar.js"></script>
<script type="text/javascript" src="/CMWA.NET/Scripts/CMWA/DataEditor/Actions/LinkButton.js"></script>
</head>
<body class="easyui-layout">
<div region="north" title="North Title" split="true" style="height: 100px;">
</div>
<div region="south" title="South Title" split="true" style="height: 100px;">
</div>
<div region="east" iconcls="icon-reload" title="East" split="true" style="width: 100px;">
</div>
<div region="west" split="true" title="West" style="width: 100px;">
</div>
<div region="center" title="center title" style="padding: 5px; background: #eee;">
<div id="tabs" class="easyui-tabs" fit="true">
<div title="First Tab" style="padding: 10px;">
<div class="easyui-layout" fit="true">
<div region="south" title="North Title" split="true" style="height:100px">
</div>
<div region="center" title="center title" style="padding: 5px; background: #eee;">
</div>
</div>
</div>
<div title="Second Tab" closable="true" style="padding: 10px;">
Second Tab
</div>
<div title="Third Tab" iconcls="icon-reload" closable="true" style="padding: 10px;">
Third Tab
</div>
</div>
</div>

<script>
$(function () {
$("#tabs").tabs("close", 0);
$("#tabs").tabs("add", { title: "coucou", content: "<P>Test</P>", closable: true });
$("#tabs").tabs("close", "coucou");

});
</script>
</body>


	Logged

Pages: [1]

« previous next »