new UI - clear selected items when switching to different page or sub-page.

This commit is contained in:
Jessica Wang 2010-09-10 15:10:39 -07:00
parent ec01e0b423
commit d341d1ab64
3 changed files with 12 additions and 25 deletions

View File

@ -41,14 +41,6 @@ $(document).ready(function() {
} }
}); });
var $rightPanel = $("#right_panel");
var $addLink = $("#add_link");
//var $actionLink = $("#action_link");
//var $actionMenu = $("#action_menu");
//var $actionList = $("#action_menu #action_list");
var $midmenuContainer = $("#midmenu_container");
//var $actionListItem = $("#action_list_item");
$("#leftmenu_instance_group_header").bind("click", function(event) { $("#leftmenu_instance_group_header").bind("click", function(event) {
var $arrowIcon = $(this).find("#arrow_icon"); var $arrowIcon = $(this).find("#arrow_icon");
clickInstanceGroupHeader($arrowIcon); clickInstanceGroupHeader($arrowIcon);
@ -75,14 +67,16 @@ $(document).ready(function() {
data: createURL("command="+apiName+"&response=json"), data: createURL("command="+apiName+"&response=json"),
dataType: "json", dataType: "json",
success: function(json) { success: function(json) {
$midmenuContainer.empty(); $("#midmenu_container").empty();
selectedItemsInMidMenu = {};
var items = json[jsonResponse1][jsonResponse2]; var items = json[jsonResponse1][jsonResponse2];
if(items != null && items.length > 0) { if(items != null && items.length > 0) {
for(var i=0; i<items.length;i++) { for(var i=0; i<items.length;i++) {
var item = items[i]; var item = items[i];
var $midmenuItem1 = $midmenuItem.clone(); var $midmenuItem1 = $midmenuItem.clone();
jsonToMidmenu(item, $midmenuItem1, propertyForFirstRow, propertyForSecondRow, toRightPanelFn); jsonToMidmenu(item, $midmenuItem1, propertyForFirstRow, propertyForSecondRow, toRightPanelFn);
$midmenuContainer.append($midmenuItem1.show()); $("#midmenu_container").append($midmenuItem1.show());
} }
} }
} }

View File

@ -3,14 +3,6 @@ function clickInstanceGroupHeader($arrowIcon) {
var $vmPopup var $vmPopup
var $rightPanelHeader; var $rightPanelHeader;
var $rightPanelContent; var $rightPanelContent;
var $instanceGroupContainer = $("#leftmenu_instance_group_container");
var $instanceGroupTemplate = $("#leftmenu_instance_group_template");
//var $actionLink = $("#action_link");
//var $actionMenu = $("#action_menu");
//var $actionList = $("#action_menu #action_list");
var $midmenuContainer = $("#midmenu_container");
//var $actionListItem = $("#action_list_item");
var $midmenuItem = $("#midmenu_item"); var $midmenuItem = $("#midmenu_item");
@ -480,12 +472,14 @@ function clickInstanceGroupHeader($arrowIcon) {
} }
for(var i=0; i < instanceGroupArray.length; i++) { for(var i=0; i < instanceGroupArray.length; i++) {
if(instanceGroupArray[i]!=null && instanceGroupArray[i].length>0) { if(instanceGroupArray[i]!=null && instanceGroupArray[i].length>0) {
var $groupTemplate = $instanceGroupTemplate.clone().show(); var $groupTemplate = $("#leftmenu_instance_group_template").clone().show();
$groupTemplate.find("#group_name").text(instanceGroupArray[i]); $groupTemplate.find("#group_name").text(instanceGroupArray[i]);
$groupTemplate.bind("click", function(event) { $groupTemplate.bind("click", function(event) {
//$(this).removeClass("leftmenu_content").addClass("leftmenu_content_selected"); //$(this).removeClass("leftmenu_content").addClass("leftmenu_content_selected");
$("#midmenu_container").empty(); $("#midmenu_container").empty();
selectedItemsInMidMenu = {};
var groupName = $(this).find("#group_name").text(); var groupName = $(this).find("#group_name").text();
$.ajax({ $.ajax({
@ -511,7 +505,7 @@ function clickInstanceGroupHeader($arrowIcon) {
return false; return false;
}); });
$instanceGroupContainer.append($groupTemplate); $("#leftmenu_instance_group_container").append($groupTemplate);
} }
} }
@ -525,7 +519,7 @@ function clickInstanceGroupHeader($arrowIcon) {
} }
else if($arrowIcon.hasClass("open") == true) { else if($arrowIcon.hasClass("open") == true) {
$arrowIcon.removeClass("open").addClass("close"); $arrowIcon.removeClass("open").addClass("close");
$instanceGroupContainer.empty(); $("#leftmenu_instance_group_container").empty();
} }
//***** VM Detail (end) ******************************************************************************** //***** VM Detail (end) ********************************************************************************
$("#right_panel").load("jsp/instance.jsp", function() { $("#right_panel").load("jsp/instance.jsp", function() {

View File

@ -163,7 +163,6 @@ function doActionForMidMenu(id, $actionLink, apiCommand, listAPIMap) {
} }
function handleErrorInMidMenu(XMLHttpResponse, $midmenuItem) { function handleErrorInMidMenu(XMLHttpResponse, $midmenuItem) {
debugger;
$midmenuItem.find("#content").removeClass("inaction"); $midmenuItem.find("#content").removeClass("inaction");
$midmenuItem.find("#spinning_wheel").hide(); $midmenuItem.find("#spinning_wheel").hide();
$midmenuItem.find("#info_icon").addClass("error").show(); $midmenuItem.find("#info_icon").addClass("error").show();