ASP.NET jQuery 的回发问题
我对 jQuery 很陌生...
我正在我的 asp.net 页面中实现 jQuery UI。
我正在实现的功能是模态弹出对话框(实际上它是一个小表单),
实现弹出的控件/页面也是一个表单。
理想情况是:用户填写页面上的两个文本框,然后单击一个按钮,弹出一个包含 1 个文本框的小模态表单,用户填写该表单并按下模态弹出窗口上的按钮,该按钮执行以下操作它的工作,并关闭弹出窗口,然后用户单击主页上的“保存”。
上面的场景并没有完全发生...
该页面有两个 div
,第一个 div 是将弹出的 div1(包含 1 个 txtbox 和一个按钮的 div) 第二个 div 是 div2(包含两个文本框和一个保存按钮的 div),
两个 div 的内容都封装在各自的 UpdatePanel 中(这两个 div 本身都位于任何 updatepanel 之外)
如果 div1(弹出 div)的内容是,则 未封装在标签中,弹出窗口内按钮上的 OnClick 事件不会触发。 (它只是关闭弹出窗口,因为我在上面的脚本部分编写了关闭脚本)
如果我将 div1 中的所有内容封装在标签内,则 OnClick 事件触发,弹出窗口关闭(不确定是因为事件触发还是我的 close脚本),但是 div2 中的 2 个文本框现在是空的...(经过进一步调查,我发现,当 OnClick 事件发生时,弹出窗口(div1)中的文本框也提交了一个空字符串)
我需要修复这个问题,我需要这些值当弹出窗口关闭时,我肯定想调用附加到弹出窗口中按钮的 OnClick 事件...
一个糟糕的解决方案: 如果我只封装导致 UpdatePanel 回发的元素(div1 和 div2 中的按钮),那么事件也会触发,并且当弹出窗口关闭时值仍保留在那里......这就是它不好的原因,因为我会有很多回发页面上的元素,例如下拉列表等,并且仅使用 UpdatePanel 封装这些元素,最终可能会在页面上出现 5-6 个 UpdatePanel...
I am very new to jQuery ...
I am implementing jQuery UI in my asp.net page.
The feature that I am implementing is Modal Popup Dialog (its a small form actually)
The control/page on which popup is implemented is also a form.
ideally the situation would be: the users fills the two text boxes on the page, then clicks on a button that pops up a small modal form that has 1 text box, users fills that and presses a button on the modal popup, that button do its job, and closes the popup, the user then clicks save on the main page.
the above scenario is not quite happening ...
the page has two divs
the first div is the div1 that will popup (the div that contains 1 txtbox and a button)
the second div is the div2 (the div that contains two txtboxes and a save button)
the contents of both divs are encapsulated in their respective UpdatePanels (both divs them selves are outside any updatepanel)
if the div1 (popup div)'s content is not encapsulted in a tag, the OnClick event on the button inside popup doesn't fire. (it just closes the popup, because i have written the close script above in the script section)
if i encapsulate every thing in div1 within the tags, the OnClick event fires, the popup closes (not sure because of the event firing or my close script), BUT the 2 text boxes in the div2, are now empty ... (and after further investigating i found, that the textbox in the popup (div1) also submitted an empty string when OnClick event happened)
I need to fix this, i need the values to be there when popup closes, and i definitely want to call the OnClick event attached to the button in the popup ...
ONE BAD SOLUTION:
if i encapsulate ONLY the elements that cause postback with the UpdatePanel (the buttons in div1 and div2) then the event also fires, and the values remain there when the popup closes ... the reason why its bad, because i will have many postback elements on page, like dropdowns etc, and just encapsulating the elements with UpdatePanel, will may be end up with 5-6 UpdatePanels on the page ....
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
当用户填写数据时,只需使用两个 div 来保存数据即可。
在表单提交时检索后面代码中的所有数据字段。
不要使事情变得不必要的复杂化,并请在将来提供代码以便更好地理解。
Just use your two divs to hold the data while the user fills in the data.
On form submit retrive all the data fields in code behind.
Dont complicate things unnecessarily and please provide code in future for better understanding.