如何遍历网格视图客户端
How to loop through gridview client side?
我有一个这样的网格视图:
<telerik:RadGrid ID="RadGrid1" runat="server" GridLines="None" AllowPaging="true"
PageSize="20" OnPreRender="RadGrid1_PreRender" Width="500px">
<PagerStyle Mode="NextPrevAndNumeric" />
<MasterTableView TableLayout="Fixed" Width="500px">
<ItemTemplate>
<%# (((GridItem)Container).ItemIndex != 0)? "</td></tr></table>" : "" %>
<asp:Panel ID="ItemContainer" CssClass='<%# (((GridItem)Container).ItemType == GridItemType.Item)? "item" : "alternatingItem" %>'
runat="server">
<asp:Image ID="image_event" runat="server" ImageUrl='<%# Eval("event_pic")%>' AlternateText="" />
<asp:RadioButton ID="rbtn_map" runat="server" onclientclick="adjustSelected(this)" />
</asp:Panel>
</ItemTemplate>
</MasterTableView>
<GroupingSettings CaseSensitive="false" />
</telerik:RadGrid>
我想通过客户端方法adjustSelected(this)
遍历所有单选按钮,使它们未选中,并将单击的按钮设置为仅选中。
给网格中的所有单选按钮一个类 ( class="radioClass"
):
<asp:RadioButton CssClass="radioClass" runat="server" onclientclick="adjustSelected(this)" />
然后使用该类选择所有其他无线电:
function adjustSelected(obj){
$('.radioClass').prop('checked', false);
this.checked = true;
}
你也可以使用不显眼的JavaScript:
var $radios = $('.radioClass');
$('.radioClass').click(function(){
$radios.prop('checked', false);
this.checked = true;
});
更新:
好吧,ASP.Net 生成奇怪的标记,因此将其用作函数:
function adjustSelected(obj){
console.log($('.radioClass :radio'));
$('.radioClass :radio').prop('checked', false);
$(':radio', obj).prop('checked', true);
}
function checkRadio{
var grid = document.getElementById('<%=RadGrid1.ClientID%>');
if (grid) {
var elements = grid.getElementsByTagName('input');
var checkcount = 0;
for (var i = 0; i < elements.length; i++) {
if (elements[i].type == 'radio' && elements[i].id.toString().match('rbtn_map') != null) {
--- do code here ---
}
}
}
}
相关文章:
- 在不刷新整个网格的情况下,向Asp.net网格视图添加新行
- 网格视图:防止行移动到标题行上方
- asp.net网格视图中的面板-我如何在jquery中找到它
- 在网格视图的自动刷新过程中,设置内部网格视图文本框的可见性
- 网格视图页眉冻结在母版页中不起作用
- 如何在网格视图中每次单击按钮或链接时打开不同的新弹出窗口
- 如何使用jquery在网格视图中获取所选单选按钮的值
- 检查网格视图中的复选框是否被选中
- 如何使用 javascript 修改网格视图单元格值
- 通过 JavaScript 从主网格视图上的功能区按钮更新 CRM 2011 中的字段
- 通过jquery将网格视图数据发送到另一个页面
- 将网格视图的两列相乘,并将其显示在新列中
- 如何使用javascript遍历网格视图的列
- 如何选中/取消选中外部按钮的网格视图复选框
- 将网格视图导出到Excel时出错
- 如何在网格视图中验证asp.net文本框
- 页面加载后,将FooTable断点应用于网格视图中的列标题
- 用javascript制作一个网格视图图像
- JavaScript中的网格视图页脚行文本框
- 为什么第一次点击网格视图中的单选按钮毫无作用