Question

我正在使用jquery对话框，我试图在调用对话框时停止回发，因此它基本上在客户端处理。

我从Treeview的SelectedNodeChanged

调用对话框

protected void tvTreeList_SelectedNodeChanged(object sender, EventArgs e)
{
    Page.ClientScript.RegisterStartupScript(this.GetType(), "CallMyFunction", string.Format("ParentNodeClick('{0}','{1}')", lblDescText, lblTitleText), true);
}

这是我的javascript函数

<script type="text/javascript">
    function ParentNodeClick(Message, Title)
    {
        document.getElementById("dialog").innerHTML = Message;
        document.getElementById("dialog").title = Title;
        $("#dialog").dialog({
            width: 600,
            modal:true
        }); 
    };
</script>

有什么方法可以做到这一点吗？已经尝试使用它但它似乎没有用。

$("#dialog").parent().appendTo(jQuery("form:first"));

主页上的完整html

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Master.master.cs" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Web Data Source</title>
    <link href="Style/Style.css" rel="stylesheet" type="text/css" />
    <link href="Style/jquery.css" rel="stylesheet" type="text/css" />

    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

    <script type="text/javascript">
        function ParentNodeClick(Message, Title)
        {
            document.getElementById("dialog").innerHTML = Message;
            document.getElementById("dialog").title = Title;
            $("#dialog").dialog({
                width: 600,
                modal:true
            });
        };
    </script>

</head>
<body>
    <form id="form1" runat="server" style="align-content:center; height:100%;">

        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

        <div id="dialog" title="">
          <p></p>
        </div>

        <div runat="server" style="text-align:center;">
            <h1 style="color:#505050;">Datastatus from Data servers</h1>
        </div>
        <asp:ContentPlaceHolder ID="cphContent" runat="server">

        </asp:ContentPlaceHolder>

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

和我的树视图

<div id="TreeList">
            <asp:TreeView ID="tvTreeList" runat="server" OnSelectedNodeChanged="tvTreeList_SelectedNodeChanged" >
                <NodeStyle CssClass="NodeStyle"/>
                <HoverNodeStyle CssClass="HoverNodeStyle"/>
                <SelectedNodeStyle CssClass="SelectedNodeStyle" />
            </asp:TreeView>
        </div>

从SelectedNodeChanged创建jquery Dialog non Postback

0 个答案: