JQuery EasyUI弹出对话框解决Asp.net服务器控件无法执行后台代码的方法

864记忆

于 2020-11-16 20:39:41 发布

阅读量308

点赞数

CC 4.0 BY-SA版权

分类专栏： asp.net

本文链接：https://blog.youkuaiyun.com/hmwz0001/article/details/109729302

asp.net 专栏收录该内容

155 篇文章

订阅专栏

没有检索到摘要

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JQuery会把Dialog的元素append到Body里面，而不是form里面。研究了页面源码后发现，jQuery UI Dialog控件初始化时动态生成的HTML元素被添加到页面的尾部、form元素的后面，而原始的Dialog模板部分（其内包含表单元素）也被移到了动态生成的HTML元素内。也就是说，原先在form内的表单在Dialog初始化后就被移到form外了，这就导致了Dialog模板内表单全部失效。

解决方法是增加一行代码即可：dlg.parent().appendTo(jQuery(“form:first”));
dlg指的是easyUI的dialog对话框变量。
一、前端easyui-window的定义：

 <div id="upload_win" class="easyui-window" title="文件上传窗口" style="width: 330px; height: 180px; padding: 4px 7px 2px 4px;"
            data-options="iconCls:'icon-save',modal:false,closed:true,closable:true,minimizable:false,maximizable:false,collapsible:false,resizable:true">

           
             <table style="line-height:30px;margin:10px 10px 10px 10px ">
                <tr>
                    <td colspan="2" style="text-align:left;">
                      

                        <asp:FileUpload ID="FileUpload2" runat="server" />
                    </td>
                </tr>
               
                <tr>
                    <td>

                        <dx:ASPxLabel ID="ASPxLabel1" runat="server" Text="服务器路径："></dx:ASPxLabel>
                    </td>
                    <td>

                        <dx:ASPxTextBox ID="serverpath" runat="server" Text="" ></dx:ASPxTextBox>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="flex-wrap: nowrap;">
                        <table style="width:100%;">
                            <tr>
                                <td style="flex-wrap: nowrap;width:90%;" >
                                    <dx:ASPxLabel ID="upload_result" runat="server" Text=""></dx:ASPxLabel>
                                </td>
                                <td >
               
                                     <dx:ASPxButton ID="upload_btn" runat="server" Text="ASPxButton" ClientSideEvents-Click="function(){return true;}"  OnClick="upload_btn_Click"></dx:ASPxButton>
            
                                    
                                </td>
                            </tr>

                        </table>

                    </td>
                </tr>
            </table>
                
        </div>

二、js代码

function upload() {
            var selected = $('#myTree').tree('getSelected');
            $.messager.confirm("信息提示", "您确实要上传文件到" + selected.text + "这个文件夹吗？", function (r) {
                if (r) {
                     serverpath.SetText(selected.text);
                    $('#upload_win').window('open');
                    $('#upload_win').parent().appendTo(jQuery(" form:first "));//这一句最关键，否则不进后台事件，这是easyUI与asp.net服务器控件的一个bug，切记！
                }
            });


        }