Jquery Gridview编辑引导模式对话框仅填充第一行

Jquery Gridview编辑引导模式对话框仅填充第一行,jquery,gridview,modal-dialog,Jquery,Gridview,Modal Dialog,我有一个gridview,带有编辑按钮的模板列,它打开了一个引导模式对话框,其中的数据在没有回发的情况下填充 以下是Gridview: <asp:GridView ID="gvLocAddresses" runat="server" CssClass="table table-bordered table-striped table-condensed" GridLines="None" AllowSorting="false" PageSize="25"

我有一个gridview,带有编辑按钮的模板列,它打开了一个引导模式对话框,其中的数据在没有回发的情况下填充

以下是Gridview:

<asp:GridView ID="gvLocAddresses" runat="server" CssClass="table table-bordered table-striped table-condensed"
                GridLines="None"  AllowSorting="false" PageSize="25" AutoGenerateColumns="false" >
        <Columns>
            <asp:TemplateField HeaderText="Edit" >
                <ItemTemplate>
                    <a id="editLocAddress" href="#dlgLocAddress"  data-toggle="modal" role="button" onclick="EditLocAddress();"  
                        data-id="<%# DataBinder.Eval (Container.DataItem, "Id") %>" 
                        data-IsPrimary = "<%# DataBinder.Eval(Container.DataItem, "IsPrimary") %>"
                        data-Address1 = "<%# DataBinder.Eval(Container.DataItem, "Address1") %>"
                        data-Address2 = "<%# DataBinder.Eval(Container.DataItem, "Address2") %>"
                        data-City = "<%# DataBinder.Eval(Container.DataItem, "City") %>"

                        ><i class="icon-edit"></i></a>
                </ItemTemplate>                        
            </asp:TemplateField> 
现在,当我单击“编辑”时,对话框按钮总是填充第一行。我不熟悉Jquery和客户端编程。有人能帮忙吗

谢谢,
Sri

在编辑单击时应该显示什么?在编辑单击时,应该打开填充有行信息的模式对话框。但是,模式对话框总是显示gridview中第一行的信息。你能为它提供一个提琴吗?这里是提琴,但是,它是不完整的。锚定标记应该位于gridview中。嘿,我用的是引导模式对话框,不是jquery。很抱歉给你带来了困惑。我跟着这个
<div id="dlgLocAddress" class="modal hide fade" tabindex="-1" role="dialog" 
aria-hidden="true" style="width: 475px;">
<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
        ×</button>
    <h3 id="dlgAddLocAddrLBL">Add Address</h3>
</div>
<div class="modal-body">
    <div class="row">
        <div class="span2 text-right">
            <label for="txtAddrLine1">Address Line1</label>
        </div>
        <div class="span3">
            <input id="txtAddrLine1" type="text" class="text ui-widget-content ui-corner-all" /> 
        </div>
    </div>

     <div class="row">
        <div class="span2 text-right">
            <label for="txtAddrLine2">Address Line2</label>
        </div>
        <div class="span3">
            <input id="txtAddrLine2" type="text" class="text ui-widget-content ui-corner-all" /> 
        </div>
    </div>

    <div class="row">
        <div class="span2 text-right">
            <label for="txtCity">City</label>
        </div>
        <div class="span3">
            <input id="txtCity" type="text" class="text ui-widget-content ui-corner-all" />    
        </div>
    </div>
 function EditLocAddress() {
       var $editLAddr = $('#editLocAddress'),
            addressid = $editLAddr.data('id'),


       $(".modal-body #txtAddrLine1").val($editLAddr.data('address1'));
       $(".modal-body #txtAddrLine2").val($editLAddr.data('address2'));
       $(".modal-body #txtCity").val($editLAddr.data('city'));

   }