0

ページにradグリッドがあり、radタブストリップが必要です。ユーザーがradグリッドの行のいずれかをクリックすると、特定の行のすべての詳細がradタブストリップに入力される必要があります。radタブストリップを設定するための私の関数はjqueryで書かれています。私の問題は、radグリッドでアイテムを取得する方法です。私は書いた

var grid = $find("RadGrid1")

var items = grid.items.count;

それは私にエラーを与えています。どうすればこれを修正できますか？

4

3 に答える 3

2

MasterTableView.ClientDataKeyNamesプロパティを使用して、アクセスするキーを指定することにより、選択したアイテムの値にアクセスできます。を呼び出すことにより、クライアント側のOnRowSelectedイベント中に値にアクセスできますgetDataKeyValues("KeyName")。次に例を示します。

<%@ 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;
            });
        }
    }
}

詳細については、こちらのドキュメントを確認してください。

于 2009-11-05T14:17:13.073 に答える
0

また、ここから Telerik グリッドのクライアント API に慣れてください: http://www.telerik.com/help/aspnet-ajax/grdgettingfamiliarwithclientapi.html

ディック

于 2009-11-03T09:11:21.180 に答える
0

var grid = $find("RadGrid1")$(document).read() 関数の内部をカプセル化してみてください

$(document).ready(function() {
    var grid = $find("RadGrid1");
});

ASP.NET オブジェクトへのクライアント側参照は、ページ生成の最後に作成されるため、$find が探している参照を提供する前に、それが完了するまで待つ必要があります。

于 2009-11-03T07:24:31.940 に答える