Question

我有一个对象列表。每个对象都有自己的值。在网页上，它们显示为行。我想要做的是添加在单击特定行上的链接时弹出的JQuery对话框。最好的方法是什么？最好是在每一行中定义一个对话框还是只使用一个？问题是我无法访问对话框中的元素以填充行数据。这有什么好的例子吗？谢谢

Answer 1

只需使用一个对话框，它最初应该被隐藏：

<div id="rowDialog" style="display:none">
  <div id="rowDialogDiv">in here we are
  </div>
  <button id="rowDialogButton>Custom button</div>
</div>

初始化对话框，最初没有显示它：

$('#rowDialog').dialog({ autoOpen: false });

放入行的事件处理程序：

$("tr").click(function(){
  var rowClicked = $(this);
  $('#rowDialogDiv).text('In the dialog, show we clicked row:' + rowClicked.index());
  $('#rowDialog").dialog("open");
});

强烈建议您提供表和ID，然后从中获取表格行以获得速度，以防万一您有多个表等。

您还可以为对话框元素设置事件处理程序：

$('#rowDialogButton').click(function(){
//do button stuff
});

Answer 2

这样的事可能吗？

<div id="myDialog">
<input id="myElementThatICanAccess" />
</div>

jQuery代码：

$("#myDialog").dialog({
options:....
});    

$("tr").click(function(){
$("#myElementThatICanAccess","#myDialog").val($(this).val()); // or whatever value you want
$("#myDialog").dialog('open');
});

多行的JQuery对话框

2 个答案: