當我嘗試從實際表單（column_1 和column_2）中的彈出視窗獲取表單發布資料時，資料將不可用。彈出視窗之外的所有其他都可以正常作業（txt_startdate 和 chxShowDelete）。
<script>
$(function () {
$("#dialog").dialog({
autoOpen: false,
});
$("#opener").on("click", function () {
$("#dialog").dialog("open");
});
});
</script>
<form id="ResourceP" runat="server">
<input type="button" id="opener" value="Select Columns" />
<div id="dialog" title="Column Selection">
<table>
<tr>
<td><asp:CheckBox ID="column_1" runat="server" Checked="True" />ID Value</td>
<td><asp:CheckBox ID="column_2" runat="server" />Start Date</td>
</tr>
</table>
</div>
<asp:TextBox ID="txt_startdate" runat="server"></asp:TextBox>
<asp:CheckBox ID="chxShowDelete" runat="server" />
<asp:button runat="server" text="Search" ID="search" OnClick="search_Click" />
</form>
如果我洗掉彈出視窗，則在帖子中會看到 column_1 和 column_2。
<form id="ResourceP" runat="server">
<asp:CheckBox ID="column_1" runat="server" Checked="True" />ID Value
<asp:CheckBox ID="column_2" runat="server" />Start Date
<asp:TextBox ID="txt_startdate" runat="server"></asp:TextBox>
<asp:CheckBox ID="chxShowDelete" runat="server" />
<asp:button runat="server" text="Search" ID="search" OnClick="search_Click" />
</form>
不知道為什么這不起作用或無論如何都無法解決 - 任何幫助將不勝感激。
謝謝！
uj5u.com熱心網友回復：
為什么這不起作用
因為對話框元素默認移動到正文。
$("#dialog").dialog({
autoOpen: false,
appendTo: "#ResourceP"
});
uj5u.com熱心網友回復：
我永遠無法說出為什么（或者我沒有解釋清楚），您會發現在某些情況下，對話框的控制元件似乎沒有被保存，而在其他時候，它們沒有。
然而，正如另一位海報所解釋的，當使用 jquery.UI 對話框時，它確實將內容“移動”到網頁中自己的位置。那么，對于詢問是/否等的對話框，甚至是帶有 asp.net 按鈕和回發的對話框？他們往往作業正常。
但是，由于 jquery jquery 為內容“制作自己的”div，該內容被放置在頁面上的“表單”標簽之外 - 因此，您可以修改，但如果您有回發，它可以不要將內容“放回”到頁面中。
因此，據我所知，如果您關閉對話框，然后回發，您的內容將被放置/保存/準備好供代碼使用。
Anway，長話短說，jquery.ui 具有附加功能，并且在大多數情況下，將其添加到您的代碼中：
// lets pop jquery.UI dialog
var mydiv = $("#MyFunDialog")
mydiv.dialog({
modal: true,
appendTo: "form", <------ add this
title: "Really do this?", closeText : "",
width: "400px",
position: { my: 'left top', at: 'right bottom', of: btn },
buttons: {
' ok ': function () {
mydiv.dialog('close')
myokok = true
btn.click() // click button again
},
' cancel ': function () {
mydiv.dialog('close')
}
}
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/442037.html
上一篇：javascriptcss改變tablerow的顏色
下一篇：裁剪和縮放SVG