Question

我在我的Web应用程序中使用jquery portlet。 http://jqueryui.com/demos/sortable/#portlets

我想要做的是，一旦用户点击每个Portlet-Header上的“设置”图标，就会在Portlet标头和Portlet内容之间显示一个编辑框。我可以通过为每个Portlet分别设置Edit框来实现这一目标。但我的问题是，当我有一个共同的“编辑框”，我在网页上的所有Portlet之间共享时，我该如何实现这一目标。如何在“标题和放大器”之间显示此编辑框？内容'用户点击该特定portlet的'设置'图标后的部分内容？

Answer 1

您实际上可以动态创建一个编辑框，我的意思是当您单击设置按钮时。现在，在编辑完文本框并应用设置后，您只需从那里删除编辑框即可。

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

}）;

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

滑动编辑框＆＃39;对于jquery Portlet

1 个答案: