爲jquery Portlet滑動'編輯框'

我在我的web應用程序中使用jQuery portlet。 http://jqueryui.com/demos/sortable/#portlets 爲jquery Portlet滑動'編輯框'

我想要做的是在用戶單擊每個Portlet-Header上的「設置」圖標後，在Portlet標題和Portlet內容之間出現編輯框。我可以通過爲每個Portlet單獨編輯框來實現此目的。但我的問題是，當我有一個在我的網頁上出現的所有Portlet之間共享的'Edit-Box'時，我該如何實現這一點。在用戶點擊該特定portlet的「設置」圖標後，如何讓此編輯框顯示在「標題&內容」部分之間？

來源

2012-03-05 Pranjali

實際上，您可以實時創建編輯框，我的意思是當您單擊設置按鈕時。現在編輯了文本框並應用了設置後，您可以從中刪除編輯框。

$(".settings").click(function() { 
$("<input/>").attr("class", "editbox") 
    .attr("value", "") 
    .appendTo($("yourPortletSelector"));

}）;

$(".applySettings").click(function { 
    //do all your work 
    $(".editbox").remove(); 
});

來源

2012-03-05 05:37:57

嗨Digvijay非常感謝你婦幼保健院爲您reply..but這裏的問題是，我的編輯框具有JSF元素，顯示存儲在數據庫門戶網站的詳細信息（如門戶網站高度，寬度等），這是由用戶修改和然後再次存儲在數據庫文件中，因此我無法在運行時創建動態div。 – Pranjali 2012-03-05 05:56:49

對於這種情況，你可以把你的編輯框放到其他地方。現在，當您選擇任何門戶時，編輯框可以根據門戶屬性更新其值。而當您單擊應用按鈕時，屬性將保存回數據庫。 – 2012-03-05 06:14:19

雅這可能會工作...會嘗試使用這種方式..thanx :) – Pranjali 2012-03-05 06:26:49

爲jquery Portlet滑動'編輯框'

回答

相關問題