For multiple selection middle container (e.g. Instance page), set selectable widget on a newly created sub container in middle menu. (instead of setting selectable widget to the whole middle menu)

This commit is contained in:
Jessica Wang 2010-12-10 15:26:29 -08:00
parent 88d6ff2136
commit 7a6ff9e9e1
6 changed files with 27 additions and 26 deletions

View File

@ -30,9 +30,7 @@ function afterLoadClusterJSP($leftmenuItem1) {
clusterJsonToRightPanel($leftmenuItem1);
var clusterId = $leftmenuItem1.data("jsonObj").id;
var $midmenuContainer = $("#midmenu_container").empty();
disableMultipleSelectionInMidMenu();
var $container_host = $("<div id='midmenu_host_container'></div>");
$midmenuContainer.append($container_host);
var $header1 = $("#midmenu_itemheader_without_margin").clone().show(); //without margin on top

View File

@ -120,8 +120,7 @@ function domainAccountJSONToTemplate(jsonObj, $template) {
}
function afterLoadDomainJSP() {
hideMiddleMenu();
disableMultipleSelectionInMidMenu();
hideMiddleMenu();
clearMiddleMenu();
if(isAdmin()) {

View File

@ -152,7 +152,6 @@ $(document).ready(function() {
$("#leftmenu_physical_resource").bind("click", function(event) {
showMiddleMenu();
disableMultipleSelectionInMidMenu();
clearMiddleMenu();
expandOrCollapseZoneTree();

View File

@ -1009,7 +1009,7 @@ function initVMWizard() {
if (item.passwordenabled == true) {
var extraMessage = "New password: " + item.password;
afterAddingMidMenuItem($midmenuItem1, true, extraMessage);
afterAddingMidMenuItem($midmenuItem1, true, extraMessage, true);
var afterActionInfo = "Instance " + getVmName(item.name, item.displayname) + " has been created successfully. New password is: " + item.password;
$midmenuItem1.data("afterActionInfo", afterActionInfo);
@ -1022,7 +1022,7 @@ function initVMWizard() {
}).dialog("open");
}
else {
afterAddingMidMenuItem($midmenuItem1, true);
afterAddingMidMenuItem($midmenuItem1, true, null, true);
}
} else if (result.jobstatus == 2) {
// Failed

View File

@ -667,7 +667,7 @@ function beforeAddingMidMenuItem() {
$("#midmenu_container").append($midmenuItem1.show());
return $midmenuItem1;
}
function afterAddingMidMenuItem($midmenuItem1, isSuccessful, extraMessage) {
function afterAddingMidMenuItem($midmenuItem1, isSuccessful, extraMessage, hasMultipleSelectionSubContainer) {
$midmenuItem1.find("#content").removeClass("inaction");
$midmenuItem1.find("#spinning_wheel").hide();
@ -675,7 +675,13 @@ function afterAddingMidMenuItem($midmenuItem1, isSuccessful, extraMessage) {
$midmenuItem1.find("#info_icon").removeClass("error").show();
$midmenuItem1.data("afterActionInfo", ("Adding succeeded."));
var $noItemsAvailable = $("#midmenu_container").find("#midmenu_container_no_items_available");
var $container = $("#midmenu_container");
if(hasMultipleSelectionSubContainer) {
$container = $("#midmenu_container").find("#multiple_selection_sub_container");
$midmenuItem1.appendTo("#midmenu_container #multiple_selection_sub_container");
}
var $noItemsAvailable = $container.find("#midmenu_container_no_items_available");
if($noItemsAvailable.length > 0) {
$noItemsAvailable.slideUp("slow", function() {
$(this).remove();
@ -883,11 +889,11 @@ function initDialogWithOK(elementId, width1, addToActive) {
}
}
function disableMultipleSelectionInMidMenu() {
$("#midmenu_container").selectable("destroy"); //Most pages don't need multiple selection in middle menu.
}
function enableMultipleSelectionInMidMenu() {
$("#midmenu_container").selectable({
function createMultipleSelectionSubContainer() {
var $multipleSelectionSubContainer = $("<div id='multiple_selection_sub_container'></div>");
$("#midmenu_container").append($multipleSelectionSubContainer);
$multipleSelectionSubContainer.selectable({
selecting: function(event, ui) {
if(ui.selecting.id.indexOf("midmenuItem") != -1) {
var $midmenuItem1 = $("#"+ui.selecting.id);
@ -911,7 +917,9 @@ function enableMultipleSelectionInMidMenu() {
}
}
}
});
});
return $multipleSelectionSubContainer;
}
function getMidmenuId(jsonObj) {
@ -935,11 +943,10 @@ function listMidMenuItems2(commandString, getSearchParamsFn, jsonResponse1, json
(page > 1)? $("#midmenu_prevbutton").show(): $("#midmenu_prevbutton").hide();
var $container = $("#midmenu_container").empty();
if(isMultipleSelectionInMidMenu == true)
enableMultipleSelectionInMidMenu();
else
disableMultipleSelectionInMidMenu();
$container = createMultipleSelectionSubContainer();
var count = 0;
$.ajax({
cache: false,
@ -947,8 +954,7 @@ function listMidMenuItems2(commandString, getSearchParamsFn, jsonResponse1, json
dataType: "json",
async: false,
success: function(json) {
selectedItemsInMidMenu = {};
$("#midmenu_container").empty();
selectedItemsInMidMenu = {};
var items = json[jsonResponse1][jsonResponse2];
if(items != null && items.length > 0) {
(items.length == midmenuItemCount)? $("#midmenu_nextbutton").show(): $("#midmenu_nextbutton").hide();
@ -958,7 +964,7 @@ function listMidMenuItems2(commandString, getSearchParamsFn, jsonResponse1, json
toMidmenuFn(items[i], $midmenuItem1);
bindClickToMidMenu($midmenuItem1, toRightPanelFn, getMidmenuIdFn);
$("#midmenu_container").append($midmenuItem1.show());
$container.append($midmenuItem1.show());
if(i == 0) { //click the 1st item in middle menu as default
$midmenuItem1.click();
if(isMultipleSelectionInMidMenu == true) {
@ -970,7 +976,7 @@ function listMidMenuItems2(commandString, getSearchParamsFn, jsonResponse1, json
count = items.length;
}
else {
$("#midmenu_container").append($("#midmenu_container_no_items_available").clone().show());
$container.append($("#midmenu_container_no_items_available").clone().show());
}
$("#midmenu_container").show();
$("#midmenu_spinning_wheel").hide();

View File

@ -22,8 +22,7 @@ function afterLoadNetworkJSP($leftmenuItem1) {
if(zoneObj == null)
return;
showMiddleMenu();
disableMultipleSelectionInMidMenu();
showMiddleMenu();
initAddNetworkButton($("#midmenu_add_network_button"));