如何使 Telerik Grid 显示消息中的特定单元格包含行信息

Question

如何使 Telerik Grid () 中的特定单元格显示消息包含行信息.. 示例：

Id   Name LastName Telephone 
1    jo    jol       098
2    mo    mol       987
3   fo    fol       394 
4    do    doo       234 
5    me    mee       245  

当我单击 id=3 的单元格时，我需要显示消息包含“名称：fo LastName：fol Telephone:394） 当我点击 id=1 或 2 或 4 或 5 的单元格时 .. 我需要什么都没有发生 ..

Answer 1

请尝试使用以下代码 sn-p。如果有任何问题，请告诉我。

ASPX（用于行点击）

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script>
        function RowClick(sender, args) {
            // I have used ColumnUniuqName 
            var id = args.get_item().get_cell("ID").innerHTML;
            var Name = args.get_item().get_cell("Name").innerHTML;
            var Contact = args.get_item().get_cell("Contact").innerHTML;

            if (parseInt(id) == 3) {
                alert("Name:-" + Name + ",Contact:-" + Contact);
            }
        }
    </script>
</telerik:RadCodeBlock>
<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false" OnNeedDataSource="RadGrid1_NeedDataSource">
    <MasterTableView>
        <Columns>
            <telerik:GridBoundColumn DataField="Name" UniqueName="Name" HeaderText="Name">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="ID" UniqueName="ID" HeaderText="ID">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Contact" UniqueName="Contact" HeaderText="Contact">
            </telerik:GridBoundColumn>
        </Columns>
    </MasterTableView>
    <ClientSettings>
        <ClientEvents OnRowClick="RowClick" />
    </ClientSettings>
</telerik:RadGrid>

ASPX（对于选定的单元格）

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script>
        function CellSelected(sender, args) {
            // I have used ColumnUniuqName 
            var row = sender.get_masterTableView().get_dataItems()[args._itemIndexHierarchical];
            var id = row.get_cell("ID").innerHTML;
            var Name = row.get_cell("Name").innerHTML;
            var Contact = row.get_cell("Contact").innerHTML;

            if (parseInt(id) == 3) {
                alert("Name:-" + Name + ",Contact:-" + Contact);
            }
        }
    </script>
</telerik:RadCodeBlock>
<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false" OnNeedDataSource="RadGrid1_NeedDataSource">
    <MasterTableView>
        <Columns>
            <telerik:GridBoundColumn DataField="Name" UniqueName="Name" HeaderText="Name">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="ID" UniqueName="ID" HeaderText="ID">
            </telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Contact" UniqueName="Contact" HeaderText="Contact">
            </telerik:GridBoundColumn>
        </Columns>
    </MasterTableView>
    <ClientSettings>
        <Selecting CellSelectionMode="Column" />
        <ClientEvents OnCellSelected="CellSelected" />
    </ClientSettings>
</telerik:RadGrid>

ASPX.CS

protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
{

    DataTable dt = new DataTable();

    dt.Columns.Add("ID", typeof(int));
    dt.Columns.Add("Name", typeof(string));
    dt.Columns.Add("Contact", typeof(int));

    dt.Rows.Add(1, "name1", 123);
    dt.Rows.Add(2, "name2", 456);
    dt.Rows.Add(3, "name3", 789);

    RadGrid1.DataSource = dt;
}