Jquery从Server Tag数据绑定中获取值

时间:2013-06-11 22:32:06

标签: jquery asp.net data-binding server-tags

您好我使用jquery从ASP.NET中的服务器标签获取值。所有javascript都在同一页面上。我试过这个

 <asp:TextBox ID="LastNameTextBox" runat="server" Text='<%# Bind("LastName") %>' />

和jquery

$("#<\%=LastNameTextBox.ClientID%>").val()

注意我必须转义%,以便整个引用将是一个字符串。我不知道为什么会这样;我看到的例子不需要逃避%。我还在另一篇文章中发现我应该使用该类,所以我做了这个

<asp:Label ID="LastNameLabel" runat="server" Class = LastNameClass" Text='<%# Bind("LastName") %>' />

和jquery就是这个

$(".LastNameClass").val()

这让我更进一步,但它让我的功能不再是价值。我没有将val()更改为text()。我在想它是因为我绑定数据并且标签位于我在表单中使用的模板中?关于我接下来应该尝试什么的任何见解或建议?

编辑:这是代码

<form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" />
    <asp:LinqDataSource ID="LinqDataSource1" runat="server" 
        ContextTypeName="SchoolDataContext" EnableUpdate="True" EntityTypeName="" 
        TableName="People">
    </asp:LinqDataSource>
    <asp:FormView ID="FormView1" runat="server" AllowPaging="True" 
        DataKeyNames="PersonID" DataSourceID="LinqDataSource1">
        <EditItemTemplate>
            PersonID:
            <asp:Label ID="PersonIDLabel1" runat="server" class="PersonalIDLablel1" Text='<%# Eval("PersonID") %>' />
            <br />
            LastName:
            <asp:TextBox ID="LastNameTextBox" runat="server" class="LastNameClass1" onBlur="textBlur();"
                Text='<%# Bind("LastName") %>' />
            <br />
            FirstName:
            <asp:TextBox ID="FirstNameTextBox" runat="server" 
                Text='<%# Bind("FirstName") %>' />
            <br />
            HireDate:
            <asp:TextBox ID="HireDateTextBox" runat="server" 
                Text='<%# Bind("HireDate") %>'  />
            <br />
            EnrollmentDate:
            <asp:TextBox ID="EnrollmentDateTextBox" runat="server" 
                Text='<%# Bind("EnrollmentDate") %>' />
            <br />

            <asp:LinkButton ID="UpdateButton" runat="server" CausesValidation="True" 
                CommandName="Update" Text="Update" />
            &nbsp;<asp:LinkButton ID="UpdateCancelButton" runat="server" 
                CausesValidation="False" CommandName="Cancel" Text="Cancel" />
        </EditItemTemplate>

        <ItemTemplate>
            PersonID:
            <asp:Label ID="PersonIDLabel" runat="server" class="PersonalIDLablel" Text='<%# Eval("PersonID") %>' />
            <br />
            LastName:
            <asp:Label ID="LastNameLabel" runat="server" class="LastNameClass" Text='<%# Bind("LastName") %>' />
            <br />
            FirstName:
            <asp:Label ID="FirstNameLabel" runat="server" Text='<%# Bind("FirstName") %>' />
            <br />
            HireDate:
            <asp:Label ID="HireDateLabel" runat="server" Text='<%# Bind("HireDate") %>' />
            <br />
            EnrollmentDate:
            <asp:Label ID="EnrollmentDateLabel" runat="server" 
                Text='<%# Bind("EnrollmentDate") %>' />

           <hr/>
            <asp:LinkButton ID="EditButton" runat="server" CausesValidation="False" 
                CommandName="Edit" Text="Edit" />
        </ItemTemplate>
    </asp:FormView>
</form>

1 个答案:

答案 0 :(得分:1)

您可以使用text()html()

<asp:Label runat="server" ID="LastNameLabel" Text="This is a text" 
  ClientIDMode="Static"></asp:Label>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var text = $("#LastNameLabel").text();
        alert(text);
    });
</script>

更新

请务必使用ClientIDMode="Static",因为LastNameLabel以外的FormView ID不可用。

然后你可以在jQuery选择器中使用#LastNameLabel