交換列選擇器對話框的選定列和可用列+ jqgrid

當前在columnchooser彈出窗口中，選定的列出現在左側並在右側可用，有沒有辦法讓我可以交換列以使左側可用並在右側選擇？交換列選擇器對話框的選定列和可用列+ jqgrid

2016-02-29 Vips

您可以使用jQuery.append移動頁面上的元素（在對話框中太）但是是否真的需要將所有內容從右向左移動並從左向右移動？用戶從這些更改中獲得哪些優勢？這兩個列表框的列表都在列上方。因此用戶可以在任何情況下找到列。 – Oleg

謝謝奧列格！你有一個示例代碼？是的，我需要這樣做，因爲客戶習慣了這種外觀，而我無法用當前的行爲來交付。 – Vips

在我看來，客戶命令我而不是你的變化......然而，我寫了演示實施的演示。 – Oleg

我爲你準備了the demo，它演示了你可以做什麼。它顯示columnChooser對話框像

演示使用下面的代碼onClickButton回調的內部：

$(this).jqGrid("columnChooser"); 
var $available = $("#colchooser_list .ui-multiselect > .available"); 
$available.prependTo($available.parent()) 
    .css({ 
     "border-left": "0 none", 
     "border-right": "1px solid" 
    });

來源

2016-03-01 20:25:10 Oleg

你真棒奧列格。它工作得很好。 – Vips

還有一個問題，當我點擊刪除所有按鈕，它使所有和加號圖標不活動，按鈕的工作，但唯一的變化是體現全部刪除（一旦它被點擊）我懷疑它是一個jqgrid版本，你正在使用jqGrid-4.4.4和jquery-ui-1.10.2。任何建議？現在我隱藏按鈕 – Vips

@Vips：你有問題[我的演示]（http://ok-soft-gmbh.com/jqGrid/OK/columnChooserChangedOrder.htm），它使用免費的jqGrid 4.13.0 ？如果我正確地提醒我，這是復古版本4.4.4中的一個錯誤。它已經被修復了。您應該升級到[免費jqGrid]（https://github.com/free-jqgrid/jqGrid）（4.13.0）的最新版本。如果你使用NuGet包，那麼你應該卸載它並安裝[free-jqgrid]（https://www.nuget.org/packages/free-jqGrid/4.13.0）包。 – Oleg

交換列選擇器對話框的選定列和可用列+ jqgrid

回答

相關問題