Telerik for AJAX RadGrid控件

作为一名.net小白,今天分享一下telerik知识的学习。熟悉ASP.NET Web Form的都知道Grid View或者是List View等表格控件,所以今天和大家分享一下telerik RadGrid的简单应用。

和一般表格控件一样,RadGrid有Datasource和一些点击事件,一些属性(例如分页,编辑,删除)

<telerik:RadGrid ID="RadGrid" runat="server" AllowPaging="true" AllowSorting="true" AllowCustomPaging="true"
                        OnNeedDataSource="RadGrid_NeedDataSource" LoadingPanelID="RadAjaxLoadingPanel" AutoGenerateColumns="false"
                        AllowAutomaticUpdates="True" AllowAutomaticDeletes="true" AllowMultiRowSelection="True">
                        <MasterTableView DataKeyNames="Account, Staff_ID, Manager_ID" NoMasterRecordsText="暂无数据">
                            <Columns>

                                <telerik:GridClientSelectColumn UniqueName="ClientSelectColumn">
                                </telerik:GridClientSelectColumn>

                                <telerik:GridBoundColumn UniqueName="Account" HeaderText="账号" DataField="Account">
                                </telerik:GridBoundColumn>

                                <telerik:GridBoundColumn UniqueName="Number" HeaderText="编号" DataField="Number">
                                </telerik:GridBoundColumn>

                                <telerik:GridBoundColumn UniqueName="Name" HeaderText="姓名" DataField="Name">
                                </telerik:GridBoundColumn>

                                <telerik:GridBoundColumn UniqueName="Staff_Name" HeaderText="员工" DataField="Staff_Name">
                                </telerik:GridBoundColumn>

                                <telerik:GridBoundColumn UniqueName="Manager_Name" HeaderText="经理" DataField="Manager_Name">
                                </telerik:GridBoundColumn>

                                <telerik:GridBoundColumn UniqueName="Department_Name" HeaderText="部门" DataField="Department_Name">
                                </telerik:GridBoundColumn>
                            </Columns>
                        </MasterTableView>
                        <PagerStyle FirstPageToolTip="首页" PrevPageToolTip="上一页" NextPageToolTip="下一页" LastPageToolTip="尾页" PrevPagesToolTip="前10页" NextPagesToolTip="后10页"
                            PageSizeLabelText="每页显示数" PagerTextFormat="{4}共 <strong>{5}</strong> 条数据" />
                        <ExportSettings Excel-Format="Biff" IgnorePaging="true" ExportOnlyData="true" OpenInNewWindow="true"></ExportSettings>

                        <ClientSettings EnableRowHoverStyle="false">
                            <Selecting AllowRowSelect="true" UseClientSelectColumnOnly="true"></Selecting>
                        </ClientSettings>

                    </telerik:RadGrid>

DataKeyName:绑定字段值,可以绑定多个字段

OnNeedDataSource:数据源,用于绑定数据

DataField:对应数据库字段也就是映射表里面的字段

PageStyle:设置可以配合linq来进行分页

GridClientSelectColumn:设置表格单选

RadGrid后台如何获取字段的值(类似于GridView)

代码如下:

 1     private void GetSelectItems()
 2     {
 3         foreach (GridDataItem item in RadGrid.SelectedItems)
 4         {
 5             CustomerBatchChangeRecordVO record = new CustomerBatchChangeRecordVO();
 6
 7             var editableItem = ((GridEditableItem)item);
 8             var staffID = (int)editableItem.GetDataKeyValue("Staff_ID");
 9             var managerID = (int)editableItem.GetDataKeyValue("Manager_ID");
10
11             record.Old_Staff_ID = staffID;
12             record.Old_Manager_ID = managerID;
13             record.Account = item["Account"].Text;
14             record.Account_Name = item["Name"].Text;
15             record.Customer_Number = item["Number"].Text;
16             record.Old_Manager_Name = item["Manager_Name"].Text;
17             record.Old_Staff_Name = item["Staff_Name"].Text;
18             record.Department_Name = item["Department_Name"].Text;
19             recordList.Add(record);
20         }
21         Session[Config.Seesion_CustomerBatchChangeRecord] = recordList;
22
23     }

获取多行选中的值:

 1 // 通过DataKeyValues获取
 2 foreach (GridDataItem item in rg.SelectedItems)
 3 {
 4     var value = item.GetDataKeyValue("Id");
 5     var value = rg.MasterTableView.DataKeyValues[item.ItemIndex]["Id"];
 6 }
 7  
 8 foreach (string item in rg.SelectedIndexes)
 9 {
10     var value = rg.MasterTableView.DataKeyValues[int.Parse(item)]["Id"];
11     var value = rg.Items[int.Parse(item)].GetDataKeyValue("Id");
12 }
13  
14 // 通过ExtractValues获取
15 foreach (GridDataItem item in rg.SelectedItems)
16 {
17     var dict = new Dictionary<string, string>(StringComparer.OrdinalIgnoreCase);
18     item.ExtractValues(dict);
19     var value = dict["Id"];
20 }
21  
22 foreach (string item in rg.SelectedIndexes)
23 {
24     var dict = new Dictionary<string, string>(StringComparer.OrdinalIgnoreCase);
25     rg.Items[int.Parse(item)].ExtractValues(dict);
26     var value = dict["Id"];
27 }
28  
29 // 通过TableCell获取
30 foreach (GridDataItem item in rg.SelectedItems)
31 {
32     var value = item["idCol"].Text; // GridBoundColumn
33     var value = (item.FindControl("idText") as Literal).Text; // GridTemplateColumn
34 }
35  
36 foreach (string item in rg.SelectedIndexes)
37 {
38     var value = rg.Items[int.Parse(item)]["idCol"].Text; // GridBoundColumn
39     var value = (rg.Items[int.Parse(item)].FindControl("idText") as Literal).Text; // GridTemplateColumn
40
41 }

初次涉及telerik RadGrid,请大家指教 O(∩_∩)O

时间: 2024-11-09 09:34:11

Telerik for AJAX RadGrid控件的相关文章

微软Ajax.SlideShowExtender控件使用详解

原创作者: 佚名 一.实现图片的轮换 首先在网站根目录建立一个文件夹Images,存入10张jpg图片,命名为01.jpg-10.jpg.建立DemoSlideShowExtender.aspx文件,拖拽一个SlideShowExtender控件到页面上.然后添加一个Image控件,命名为imgPicture,用于显示轮换图片,添加三个Button控件,命名为btnPrevious.btnPlay.btnNext,分别实现后退.播放/暂停.前进三个功能. 使用SlideShowExtender,

使用AJAX日历控件,显示某些日期(CalendarExtender)

1. The HTML Markup <div> <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></ajaxToolkit:ToolkitScriptManager> <asp:TextBox ID="TextBox1" runat="server"></asp:Tex

02-26C#三级省市区ajax联动控件,利用UpdatePanel,以及页面取值

第一步:设置界面 1 <%@ Control Language="C#" AutoEventWireup="true" CodeFile="PCAControl.ascx.cs" Inherits="PCAControl" %> 2 <asp:ScriptManager ID="ScriptManager1" runat="server"> 3 </asp:

WPF第三方控件Telerik

帮助文档:http://www.telerik.com/help/wpf/gridview-selection-via-checkbox.html Telerik专注于微软.Net平台的表示层与内容管理控件. Telerik Controls 2010 Q2控件组包括如下组件: Telerik RadControls for ASP.NET AJAX RadControls for ASP.NET是一套强大的用户界面控件套装,它可以帮助您创建拥有桌面应用程序华丽外表和高速性能的Web应用程序.1

AJAX之四 Ajax控件工具集

[学习目标] F    理解并掌握ScriptManager控件的使用 F    了解ScriptManager控件的使用 F    理解并掌握Timer控件的使用 F    理解并掌握UpdatePanel控件的使用 F    理解并掌握UpdateProgress控件的使用 [本章简介] 在上一章中,我们学习了Asp.Net AJAX的核心组件UpdatePanel.ScriptManager等.最后我们通过使用AutoComplete控件,用很少的代码就实现了自动完成功能.我们发现在Asp

【Telerik控件学习】-建立自己的图形编辑工具(Diagram)

Telerik提供了RadDiagram控件,用于图形元素的旋转,拖拽和缩放.更重要的是,它还拓展了许多绑定的命令(复制,剪切,粘贴,回退等等). 我们可以用来组织自己的图形编辑工具. Step1.定义图形元素容器(Shape)的基类,继承RadDiagramShape,并重写Serialize和Deserialize方法,来定制将来对象的保存或复制. /// <summary> /// 图形Shape控件 /// </summary> public class FigureSha

Telerik控件集-2019.R1.SP1.All

Telerik 专注于微软.Net平台的表示层与内容管理控件,提供高度稳定性和丰富性能的组件产品DevCraft,并可应用在非常严格的环境中.Telerik拥有 Microsoft, HP, Alcoa, BP, Harper Collins, Siemens, T-Mobile, HJ Heinz和一些最主要的教育机构和很多政府机关等客户. 资源清单 Telerik.JustMock.2019.1.207.1 Telerik.UI.for.ASP.NET.AJAX.2019.1.215 Tel

jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法

转自:http://www.cnblogs.com/sunjie9606/archive/2012/09/13/2683636.html 现象: AJAX返回的html无法做到自动渲染为EasyUI的样式.比如:class="easyui-layout" 等 处理方法: 在html片段加载完毕后使用 Js代码 $.parser.parse(context) 即可重新渲染. 实现原理: 首先附上jquery.parser.js的源码 Js代码 (function($){ $.parser

fileupload控件在ajax中无法使用

google得到的方法: 1.http://geekswithblogs.net/ranganh/archive/2008/04/01/file-upload-in-updatepanel-asp.net-ajax.aspx There is a better way of doing it with Ajax Control Toolkit version 3.0.30930 which works with .NET 3.5 SP1 and Visual Studio 2008 SP1.