Rad Grid + jquery
Rad Grid + jquery
提问于 2009-11-03 15:19:40
我在我的页面上有一个rad网格和rad选项卡条，要求是，当用户单击rad网格中的任何行时，必须在rad选项卡条中填充特定行的所有详细信息。我的填充rad选项卡条的函数是用jquery编写的。我的问题是如何在rad网格中获取项目。我曾经写过
var grid = $find("RadGrid1")
var items = grid.items.count;它给了我一个错误。我该如何解决这个问题呢？
回答 3
Stack Overflow用户
发布于 2009-11-05 22:17:13
通过使用MasterTableView.ClientDataKeyNames属性指定要访问的键，可以访问选定项的值。您可以通过调用getDataKeyValues("KeyName")在客户端OnRowSelected事件期间访问这些值。下面是一个例子：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="RadGridCustomFooter._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>RadGrid Example</title>
<script src="Scripts/jquery-1.3.2.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
<telerik:RadGrid ID="rgCustomers" runat="server" Skin="Black"
AllowPaging="true"
AllowSorting="true"
PageSize="8">
<ClientSettings>
<ClientEvents OnRowSelected="grid_rowSelected" />
<Selecting AllowRowSelect="true" />
</ClientSettings>
<MasterTableView
ClientDataKeyNames="ID,Name,Address,Sales">
<Columns>
<telerik:GridBoundColumn
DataField="ID"
UniqueName="ID">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn
DataField="Name"
UniqueName="Name">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn
DataField="Address"
UniqueName="Address">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn
DataField="Sales"
DataFormatString="{0:C}"
UniqueName="Sales">
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
<SelectedItemStyle CssClass="none" />
</telerik:RadGrid>
<div id="results"></div>
<script type="text/javascript">
function grid_rowSelected(sender, args) {
var id = args.getDataKeyValue("ID");
var name = args.getDataKeyValue("Name");
var address = args.getDataKeyValue("Address");
var sales = args.getDataKeyValue("Sales");
var selectedValues = String.format("ID: {0}, Name: {1}, Address: {2}, Sales: {3}", id, name, address, sales);
$('#results').html(selectedValues);
}
</script>
</form>
</body>
</html>下面是代码隐藏：
using System;
using Telerik.Web.UI;
namespace RadGridCustomFooter
{
public partial class _Default : System.Web.UI.Page
{
protected override void OnInit(EventArgs e)
{
base.OnInit(e);
rgCustomers.NeedDataSource += new GridNeedDataSourceEventHandler((s, a) =>
{
var customers = new[] {
new { ID = 1, Name = "Acme Products", Address = "123 Maple Drive", Sales = 23450 },
new { ID = 2, Name = "Northwind", Address = "1 First Street", Sales = 11569 },
new { ID = 3, Name = "Alverson Utilities", Address = "890 Union Avenue", Sales = 78232 },
new { ID = 4, Name = "Creative Solutions", Address = "91223 Texas Drive", Sales = 110058 },
new { ID = 5, Name = "Northwind", Address = "1 First Street", Sales = 11569 },
new { ID = 6, Name = "Alverson Utilities", Address = "890 Union Avenue", Sales = 78232 },
new { ID = 7, Name = "Northwind", Address = "1 First Street", Sales = 11569 },
new { ID = 8, Name = "Acme Products", Address = "123 Maple Drive", Sales = 23450 },
new { ID = 9, Name = "Creative Solutions", Address = "91223 Texas Drive", Sales = 110058 },
new { ID = 10, Name = "Northwind", Address = "1 First Street", Sales = 11569 },
new { ID = 11, Name = "Alverson Utilities", Address = "890 Union Avenue", Sales = 78232 },
new { ID = 12, Name = "Acme Products", Address = "123 Maple Drive", Sales = 23450 },
new { ID = 13, Name = "Creative Solutions", Address = "91223 Texas Drive", Sales = 110058 }
};
((RadGrid)s).DataSource = customers;
});
}
}
}有关更多详细信息，请查看documentation here。
Stack Overflow用户
发布于 2009-11-03 15:24:32
尝试将文档封装在$( var grid = $find("RadGrid1") ).ready()函数中
$(document).ready(function() {
var grid = $find("RadGrid1");
});对ASP.NET对象的客户端引用是在页面生成的最后阶段创建的，因此您必须等到创建完成后，$find才能提供您正在寻找的引用
Stack Overflow用户
发布于 2009-11-03 17:11:21
也可以从这里熟悉Telerik grid的client API：http://www.telerik.com/help/aspnet-ajax/grdgettingfamiliarwithclientapi.html
迪克
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1665734
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号