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)
代码如下:
private void GetSelectItems()
{
foreach (GridDataItem item in RadGrid.SelectedItems)
{
CustomerBatchChangeRecordVO record = new CustomerBatchChangeRecordVO(); var editableItem = ((GridEditableItem)item);
var staffID = (int)editableItem.GetDataKeyValue("Staff_ID");
var managerID = (int)editableItem.GetDataKeyValue("Manager_ID"); record.Old_Staff_ID = staffID;
record.Old_Manager_ID = managerID;
record.Account = item["Account"].Text;
record.Account_Name = item["Name"].Text;
record.Customer_Number = item["Number"].Text;
record.Old_Manager_Name = item["Manager_Name"].Text;
record.Old_Staff_Name = item["Staff_Name"].Text;
record.Department_Name = item["Department_Name"].Text;
recordList.Add(record);
}
Session[Config.Seesion_CustomerBatchChangeRecord] = recordList; }
获取多行选中的值:
// 通过DataKeyValues获取
foreach (GridDataItem item in rg.SelectedItems)
{
var value = item.GetDataKeyValue("Id");
var value = rg.MasterTableView.DataKeyValues[item.ItemIndex]["Id"];
}
foreach (string item in rg.SelectedIndexes)
{
var value = rg.MasterTableView.DataKeyValues[int.Parse(item)]["Id"];
var value = rg.Items[int.Parse(item)].GetDataKeyValue("Id");
}
// 通过ExtractValues获取
foreach (GridDataItem item in rg.SelectedItems)
{
var dict = new Dictionary<string, string>(StringComparer.OrdinalIgnoreCase);
item.ExtractValues(dict);
var value = dict["Id"];
}
foreach (string item in rg.SelectedIndexes)
{
var dict = new Dictionary<string, string>(StringComparer.OrdinalIgnoreCase);
rg.Items[int.Parse(item)].ExtractValues(dict);
var value = dict["Id"];
}
// 通过TableCell获取
foreach (GridDataItem item in rg.SelectedItems)
{
var value = item["idCol"].Text; // GridBoundColumn
var value = (item.FindControl("idText") as Literal).Text; // GridTemplateColumn
}
foreach (string item in rg.SelectedIndexes)
{
var value = rg.Items[int.Parse(item)]["idCol"].Text; // GridBoundColumn
var value = (rg.Items[int.Parse(item)].FindControl("idText") as Literal).Text; // GridTemplateColumn }
初次涉及telerik RadGrid,请大家指教 O(∩_∩)O
Telerik for AJAX RadGrid控件的更多相关文章
- wpf telerik中的book控件
下载 telerik中的书本控件,仅供学习使用.
- ajax 分页控件,基于jquery
/* 分页插件,依赖jQuery库 version: 1.1.0 author: Harrison Cao release date: 2013-09-23 相对 v1.0版本 修正了分页居中 使用方 ...
- jQuery Pagination Plugin ajax分页控件
<html> <body> <div id="datagrid"> </div> <div id="paginati ...
- 使用AJAX日历控件,显示某些日期(CalendarExtender)
1. The HTML Markup <div> <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1&q ...
- 02-26C#三级省市区ajax联动控件,利用UpdatePanel,以及页面取值
第一步:设置界面 <%@ Control Language="C#" AutoEventWireup="true" CodeFile="PCAC ...
- WPF第三方控件Telerik
帮助文档:http://www.telerik.com/help/wpf/gridview-selection-via-checkbox.html Telerik专注于微软.Net平台的表示层与内容管 ...
- 【Telerik控件学习】-建立自己的图形编辑工具(Diagram)
Telerik提供了RadDiagram控件,用于图形元素的旋转,拖拽和缩放.更重要的是,它还拓展了许多绑定的命令(复制,剪切,粘贴,回退等等). 我们可以用来组织自己的图形编辑工具. Step1.定 ...
- UI控件Telerik UI for WinForms发布R1 2019|附下载
Telerik UI for WinForms拥有适用Windows Forms的110多个令人惊叹的UI控件.所有的UI for WinForms控件都具有完整的主题支持,可以轻松地帮助开发人员在桌 ...
- 《ASP.NET1200例》ListView 控件与DataPager控件的结合<一>
分页 在前一部分开始时介绍的原 HTML 设计中内含分页和排序,所以根据规范完整实现该网格的任务尚未完成.我们先分页,然后再排序. ListView 控件中的分页通过引入另一个新控件 Data ...
随机推荐
- JAVA程序调试
调试 步骤1:设置断点(不能在空白处设置断点) 步骤2:启动调试 步骤3:调试代码(F6单步跳过)笔记本Fn+F6(F5) 步骤4:结束调试 掌握调试的好处? l 很清晰的看到,代码执行的顺序 l ...
- JQuery/JS插件 数组转换为Table
//数组 转换为 table var arr = [{ "D_AlarmValue": 7.00, "D_Code": "002", &qu ...
- cleos
[cleos] 1.在.bashrc中加入以下代码,方便直接使用 cleos,7777是nodeos端口,5555是keosd端口. alias cleos='docker exec -it eosi ...
- Java JDK 在Windows 10中配置环境变量
首先,去Oracle官方网站下载Java JDK https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-213 ...
- 【VBA】ExcelファイルのOpen
※変数の定義を強制する方法: 一番上に.「Option Explicit」を追加して.変数の定義が必須となる. ソース Private Sub CommandButton2_Click() //スクリ ...
- MySQL误删数据
首先看下mysql误删数据排名最前的几种是: 1.误删文件 2.误删库.表 3.错误全表删除 / 更新 4.升级操作失误 都来看看你命中过几个,hoho. 简单说下我亲手造的一个大事故吧. 那大概是一 ...
- 二维树状数组poj1195
题目链接:https://vjudge.net/problem/POJ-1195 题意:一开始输入0和一个s,0代表开始,s代表这是一个s*s的图,接下来会输入1或2,1代表进行单点修改,后面会接3个 ...
- 776. Split BST 按大小拆分二叉树
[抄题]: Given a Binary Search Tree (BST) with root node root, and a target value V, split the tree int ...
- 186. Reverse Words in a String II 翻转有空格的单词串 里面不变
[抄题]: Given an input string , reverse the string word by word. Example: Input: ["t"," ...
- Agile PLM 表结构说明
1. Activity:项目表class表示大类(关口和活动),subclass表示小类(关口,任务,计划,阶段)subclass=18027:计划(项目),subclass=18028:阶段, ...