1
我試圖用編輯器和東西來創建文檔管理。使用jqtree和jquery ui標籤
我得到了下面的代碼:
<script src="js/ide/lib/codemirror.js"></script>
<link rel="stylesheet" href="js/ide/lib/codemirror.css">
<!-- Tree -->
<div class="masterAdmin">
<div class="masterAdminNavigation float_left" id="tree">
<div id="ideFS" data-url="{link modul="ide" operation="home" action="tree"}"></div>
</div>
<div class="masterAdminContent float_left">
<div id="tabs">
<ul></ul>
</div>
</div>
</div>
<script>
{literal}
$(function(){
var tabCounter = 0;
tabTemplate = "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close' role='presentation'>Remove Tab</span></li>",
$('#ideFS').tree({
saveState: 'ideFStree',
});
var tabs = $("#tabs").tabs();
$('#ideFS').bind(
'tree.click',
function(event){
var node = event.node;
//node type: node.class
var li = $(tabTemplate.replace(/#\{href\}/g, "{/literal}{link modul="ide" operation="editor" action="edit"}{literal}?fileid="+node.id).replace(/#\{label\}/g, node.name));
tabs.find(".ui-tabs-nav").append(li);
tabs.tabs("refresh");
}
);
tabs.delegate("span.ui-icon-close", "click", function() {
var panelId = $(this).closest("li").remove().attr("aria-controls");
$("#" + panelId).remove();
tabs.tabs("refresh");
});
});
{/literal}
</script>
它的工作至今。 它打開一個新選項卡並將代碼加載到編輯器中。 唯一的問題是,這些標籤默認不打開。你必須點擊第一個標籤打開它。 我真的不明白這個問題,因爲它加載沒有任何問題。 ????