asp.net弹出窗口没有响应显示输入结束

时间:2019-04-03 07:20:08

标签: javascript jquery asp.net jquery-ui gridview

我正在尝试创建一个模式弹出窗口以从网格视图显示行详细信息。但是,当我单击链接按钮时,没有任何响应。 我尝试过This Video

的教程

我在浏览器控制台中收到以下错误:Uncaught SyntaxError: Unexpected end of input。该错误表示什么?我也按照注释中的建议添加了弹出div的文本框控件。此错误的原因是什么?

<%----------- POP UP CONTENT --------------------%>
<div id="popupdiv" title="EditStd" style="display:none;"> 
    <asp:TextBox ID="ppID" Text="" runat="server" Visible="false"></asp:TextBox> 
    <div style="text-align: left; width: 100%; font-size: 13px;">
        <span style="float: left; width: 40%;"><b>Reg/Sym:</b>
            <asp:TextBox ID="ppReg" Text="" runat="server"></asp:TextBox>/
            <asp:TextBox ID="ppSym" Text="" runat="server"></asp:TextBox>
        </span>
    </div>
    <div style="text-align: left; width: 100%; font-size: 13px;">
        <span style="float: left; width: 40%;"><b>Address:</b>
            <asp:TextBox ID="ppAddress" Text="" runat="server"></asp:TextBox>
        </span>
    </div>  
</div>
<%------------------------------------------------------%>
<asp:GridView ID="StdGrid" Visible="false" 
    runat="server" AutoGenerateColumns="false" Width="100%">
<Columns>
    <asp:TemplateField>
        <ItemTemplate>
            <a href="#" onclick="popup("<%# Eval("STUDENT_ID") %>")", 
                                        "<%# Eval("SYMBOL_NO") %>")", 
                                        "<%# Eval("REG") %>")",
                                        "<%# Eval("ADDRESS") %>")">Update</a>
        </ItemTemplate>
    </asp:TemplateField>
</Columns>
</asp:GridView>                                 

<script src="scripts/jquery-1.12.0.min.js"></script>
<script src="scripts/jquery-ui.min.js"></script>
<script type="text/javascript">
function popup(id, sym, reg, addrs) {
            alert("test");
            $("#ppID").text(id);
            $("#ppSym").text(sym);
            $("#ppReg").text(reg);
            $("#ppAddress").text(addrs);
            $("#popupdiv").dialog({
                title: "Edit Student",
                width: 350,
                height: 250,
                modal: true,
                buttons: {
                    Close: function () {
                        $(this).dialog('close');
                    }
                }
            });
        }
</script>

0 个答案:

没有答案