我有一个网格视图,看起来像这样:
<div id="btnCancel" onclick="cancelize()" class="btn btn-default pull-right ui-colour"><span class="glyphicon glyphicon-remove"></span></div>
<asp:GridView ID="gv" runat="server" AutoGenerateColumns="False"
OnPageIndexChanging="gv_PageIndexChanging" Width="90%" PageSize="10" HorizontalAlign="Center" AllowPaging="true" OnRowDataBound="gv_RowDataBound"
CssClass="table table-bordered ui-state-default table-condensed table-responsive table-hover">
<Columns>
<asp:BoundField DataField="id" HeaderText="Nbr." ItemStyle-HorizontalAlign="center" ItemStyle-VerticalAlign="Top" ItemStyle-Wrap="false" />
<asp:TemplateField ItemStyle-Wrap="false" ItemStyle-VerticalAlign="Top" HeaderText="Options" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
<ItemTemplate>
<div id="btnEdit" onclick="modalize(<%#Eval("id") %>)" class="btn btn-sm btn-default ui-colour"><span class="glyphicon glyphicon-wrench"></span></div>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField Visible="true" DataField="status" HeaderText="Status" ItemStyle-HorizontalAlign="center" HeaderStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Top" ItemStyle-Wrap="false" />
<asp:BoundField Visible="true" DataField="amount" HeaderText="Amount" ItemStyle-HorizontalAlign="center" HeaderStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Top" ItemStyle-Wrap="false" />
<asp:BoundField Visible="true" DataField="added" HeaderText="Added" ItemStyle-HorizontalAlign="center" HeaderStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Top" ItemStyle-Wrap="false" DataFormatString="{0:d}" />
<asp:BoundField Visible="true" DataField="nextbilling" HeaderText="Next Billing" ItemStyle-HorizontalAlign="center" HeaderStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Top" ItemStyle-Wrap="false" DataFormatString="{0:d}" />
<asp:BoundField Visible="true" DataField="lastresult" HeaderText="Last Result" ItemStyle-HorizontalAlign="center" HeaderStyle-HorizontalAlign="Center" ItemStyle-VerticalAlign="Top" ItemStyle-Wrap="false" />
<asp:TemplateField ItemStyle-Wrap="false" ItemStyle-VerticalAlign="Top" HeaderText="Cancel" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center">
<ItemTemplate>
<asp:Label runat="server" Visible="false" ID="hfId" Text='<%#Eval("id") %>'></asp:Label>
<asp:Label runat="server" Visible="false" Text='<%# " - " + Eval("cancel", "{0:d}") %>' ID="lblCancel"></asp:Label>
<asp:CheckBox ID="cbCancel" CssClass="cbCancel" runat="server" Visible="false" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<a id="hlCancel" class="hlCancel" />
<a id="hlEdit" class="hlEdit" />
调用模态的函数:
function cancelize() {
var pId = queryString.pid;
var ids = "";
$("input[name$=cbCancel]:checked").each(function () {
ids += "-" + $(this).next('input:hidden[id$=hfId]').val();//stuck here
}).get();
var url = "pageToView.aspx?id=1&pid=" + pId+ "&cids=" + ids;
$j('#hlCancel').attr('href', url)
$j('#hlCancel').click();
}
一切都很好,但是在cancelize函数的.each()上,它为选定的行返回undefined。在这里需要更改什么,以便它可以从带有选中复选框的行中获取hfId值?
您需要选择td
隐藏控件和复选框都位于其中的父对象,然后搜索隐藏字段:-
var Parenttd = $('input[type="checkbox"]:checked').parents('td')[0];
var HiddenValue = $(input:hidden,Parenttd).val();
另外,由于您在标签控件中使用了“ Visible = false”,因此它将不会呈现,而应使用“隐藏控件”:
<asp:HiddenField ID="hfId" runat="server" Value='<%# Eval("id") %>' />
编辑:
如果您想使用ID选择器来获取它,则需要ClientIDMode="Static"
在复选框和“隐藏”字段控件中设置属性,然后可以像这样简单地使用:
var parenttd =$('#cbCancel:checked').parents('td')[0];
var yourHiddenVal $('#hfId',parent).val();
我已经使用了此隐藏控件,并检查了上面的jQuery代码是否工作正常。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句