new UI - add left menu domain tree node template.

This commit is contained in:
Jessica Wang 2010-10-20 09:43:51 -07:00
parent 6723549fc7
commit 376e161c04
2 changed files with 30 additions and 13 deletions

View File

@ -526,18 +526,7 @@ long milliseconds = new Date().getTime();
</div>
</div>
<div class="leftmenu_expandedbox" style="display: none">
<div class="leftmenu_expandedlist">
<div class="leftmenu_content">
<div class="leftmenu_domainindent" style="margin-left: 30px;">
<div id="domain_title_container" class="tree_levels">
<div class="leftmenu_arrows expanded_close" id="arrowIcon">
</div>
Domain Name
</div>
<div id="domain_children_container" style="display: none">
</div>
</div>
</div>
<div class="leftmenu_expandedlist" id="leftmenu_domain_tree">
</div>
</div>
</div>
@ -791,7 +780,21 @@ long milliseconds = new Date().getTime();
</div>
</div>
</div>
<!-- SystemVM Template (end) -->
<!-- SystemVM Template (end) -->
<!-- domain tree node template (begin) -->
<div id="domain_tree_node_template" class="leftmenu_content" style="display:none">
<div class="leftmenu_domainindent" style="margin-left: 30px;">
<div id="domain_title_container" class="tree_levels">
<div class="leftmenu_arrows expanded_close" id="arrowIcon">
</div>
<div id="domain_name" class="tree_links">
Domain Name</div>
</div>
<div id="domain_children_container" style="display: none">
</div>
</div>
</div>
<!-- domain tree node template (end) -->
<!-- ***** templates (end) *************************************************************************************************-->
</body>
</html>

View File

@ -49,6 +49,20 @@ $(document).ready(function() {
});
$("#leftmenu_domain").bind("click", function(event) {
selectLeftMenu($(this), true);
$("#leftmenu_domain_tree").empty();
var $newNode01 = $("#domain_tree_node_template").clone();
$newNode01.find("#domain_name").text("01")
var $newNode02 = $("#domain_tree_node_template").clone();
$newNode02.find("#domain_name").text("02")
var $newNode03 = $("#domain_tree_node_template").clone();
$newNode03.find("#domain_name").text("03");
$("#leftmenu_domain_tree").append($newNode01.show());
$newNode01.find("#domain_children_container").append($newNode02.show());
$newNode01.find("#domain_children_container").show();
$newNode02.find("#domain_children_container").append($newNode03.show());
$newNode02.find("#domain_children_container").show();
/*
showMiddleMenu();
disableMultipleSelectionInMidMenu();