个人中心
gpt4 book ai didi

jquery - jQuery 对话框上 RegisterClientScriptBlock 调用时出现错误

转载 作者：行者123 更新时间：2023-12-01 00:13:43 26 4
gpt4 key购买 nike

我在 div 上附加的对话框上打开另一个内部页面。用户输入数据后，我需要保存 SQL 并关闭对话框。我使用RegisterClientScriptBlock调用jQuery脚本，但出现错误。 enter image description here

在子页面(Test2.aspx)上，有一个“取消”按钮可以调用相同的脚本，并且它有效。有人可以告诉我该怎么做吗？提前致谢。

有父aspx页面:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Test1.aspx.vb" Inherits="Order.Test1" %>

<%--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">--%>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
      <script src="include/dialog.js" type="text/javascript"></script>  
      <link rel="stylesheet" href="jquery-ui-themes-1.11.4/themes/smoothness/jquery-ui.css" />   
      <link rel="stylesheet" href="jquery-ui-themes-1.11.4/themes/redmond/jquery-ui.css" />
      <script  language="javascript" src="jquery-2.1.4.min.js" type="text/javascript"></script>
      <script language="javascript" src="jquery-ui-1.11.4/jquery-ui.js" type="text/javascript"></script>
      <script language="javascript" src="/include/dailog.js" type="text/javascript"></script>


      <script type="text/javascript" language="javascript">
        $(document).ready(function () {
            $('#btnOrder').click(function (e) {
                 e.preventDefault();
                 openBox('Test2.aspx?id=0', 'Testing', 700, 650);

            });
        });
      </script>
    <title>Parent page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID="btnOrder" runat="server" Text="Order" />

         <div id="dialog-box"/>
    </div>
    </form>    
</body>
</html>

对话框中有加载的子页面:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Test2.aspx.vb" Inherits="Test.Test2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <script type="text/javascript" language="javascript" src="scripts.js"></script>
     <script language="javascript" src="dailog.js" type="text/javascript"></script>         
  <script language="javascript" type="text/javascript">
     $(document).ready(function () {
            $('#btnCancel').click(function (e) {
                e.preventDefault();
                CloseDialogBox();
            });
     });
    </script>
    <title>Dialog Box</title>
</head>
<body>
    <form id="form1" runat="server">

    <div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="* Required" ControlToValidate="TextBox1"></asp:RequiredFieldValidator>
        <asp:Button ID="btnCancel" runat="server" Text="Cancel" />
        <asp:Button ID="btnSave" runat="server" Text="Save" />

        <br />

    </div>
    </form>
</body>
</html>

这是我的VB代码:

Private Sub btnSave_Click(sender As Object, e As EventArgs) Handles     btnSave.Click
'Need to do something on backend and close dialog box
    Page.ClientScript.RegisterClientScriptBlock(Me.GetType(), "Script", "<script type='text/javascript'>CloseDialogBox();</script>", True)  
End Sub

这是我的 jQuery 脚本:

function openDailogBox(url, name, width, height) {  
$('#dialog-box').load(url).dialog({
    autoOpen: false,
    resizable: true,
    height: height
    width: width,       
    title: name,
    modal: true,
   draggable: false

});
  $('#dialog-box').dialog('open');
 return false;
}


function CloseDialogBox() {   
    alert('Close');
    $('#dialog-box').dialog({

        autoOpen: false,
        resizable: true,     
        title: name,
        modal: true,

    });

    $('#dialog-box').dialog('close');
}

最佳答案

我仔细查看了您的代码片段。我意识到您正在多次重新实例化对话框，这将使跟踪页面上打开的对话框实例变得困难。考虑一个处理对话框打开和关闭的函数。您还同时使用了dialog.js 和jquery-ui 对话框。如果您坚持使用这些库之一，调试将会更容易。编写一个函数，如下所示:

function openDailogBox(url,height,width) {
if ($('#dialog-box').length==0) {
    $('body').append('<div id="dialog-box"></div>');
}

$('#dialog-box').dialog({
    width: width,
    height:height,
    autoOpen:false
});

if (url!==""){
    $('#dialog-box').load(url);
    $('#dialog-box').dialog('open');

}
else
{
   $('.ui-dialog').not(':last').remove(); //clear any extra dialogs created from the append
   $('#dialog-box').dialog('close');

    }
     }

我还删除了在初始 closedialog 函数中 jquery 构造函数中运行 awol 的孤立逗号。

 $('#dialog-box').dialog({

    autoOpen: false,
    resizable: true,     
    title: name,
    modal: true

});

我为您制作了一个示例项目，修复了语法错误并重构了代码的某些部分。感谢您的尝试。将 Test1.aspx 设置为启动页并修改代码以适合您的口味。 Download sample working project here

更新。

解决Test2.aspx的页面重新加载问题

标记

<input id="btnSave" type="button" value="Save" / >

JS

 $('#btnSave').click(function (e) {
$.ajax({
    url: 'yourwebserviceurl',
    type: 'POST',
    data: { field1: $('#TextBox1').val()} ,
    contentType: 'application/json; charset=utf-8',
    success: function (response) {
        //your success code
    },
    error: function () {
        //your error code
    }
}); 
        });

关于jquery - jQuery 对话框上 RegisterClientScriptBlock 调用时出现错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34444972/

26 4 0
文章推荐： perl - Sleep vs Usleep 选择哪一个？ (Perl)
文章推荐： mysql - 计算 SQL 查询中不同行的条件
文章推荐： javascript - 选择选项值时删除 div
文章推荐： mysql - SQL - 如何从内部语句中选择 TOP 5
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com