主要问题是出在:JQuery会把Dialog的元素append到Body里面,而不是form里面。
这就导致了Dialog模板内表单全部失效。
解决方法是增加一行代码即可:dlg.parent().appendTo(jQuery("form:first"));
也就是修改开始部分创建对话框的脚本即可:
- <script language="javascript">
- $(function(){
- var dlg = jQuery("#dd").dialog({
- draggable: true,
- resizable: true,
- closed:true,
- show: 'Transfer',
- hide: 'Transfer',
- autoOpen: false,
- 600,
- minHeight: 10,
- min 10
- });
- dlg.parent().appendTo(jQuery("form:first"));
- });
- function open1(){
- $('#dd').dialog('open');
- }
- function close1(){
- $('#dd').dialog('close');
- }
- </script>
另外你也可以通过这种方法来处理该问题:
- $('#dialog_link').click(function () {
- $('#dialog').dialog('open');
- $('#dialog').parent().appendTo($("form:first"))
- return false;
- });