Jquery Gridview编辑引导模式对话框仅填充第一行
我有一个gridview,带有编辑按钮的模板列,它打开了一个引导模式对话框,其中的数据在没有回发的情况下填充 以下是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"
<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'));
}