I got some trouble with the tab controls
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.
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
<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>