1.columns

<% Html.Telerik().Grid(Model)
.Name("Orders")
.Columns(columns =>
{
//绑定列名
columns.Bound(o => o.OrderID);
//隐藏字段
columns.Bound(o => o.OrderID).Hidden(true);
//绑定列标题
columns.Bound(o => o.OrderDate).Title("Order");
//添加样式
columns.Bound(o => o.OrderID).HeaderHtmlAttributes(new {@class="order-id-column"}});
//设置列宽
columns.Bound(o => o.OrderID).Width();
      //自定义控件(以下为复选框,自定义了列标题为复选框,可供全选)
      columns.Bound(o => o.OrderID)
        .ClientTemplate("<input type='checkbox' name='chkBox' value='<#=ID#>' />")
        .HeaderTemplate("<input type='checkbox' name='checkeAll' value='all' onclick='checkeAll(this)' />");
      //时间格式化
      columns.Bound(o => o.OrderDate).Format("{0:dd/MM/yyyy}");
      //格式化
      columns.Bound(c => c.CustomerID).Format( "<img src='>" + Url.Content("~/Content/Images/Customers/")
        + "{0}.jpg' alt='{0}' />" ).Encoded(false).Title("Avatar");
//Template column which shows an action link
columns.Template(o =>
{
%>
<%= Html.ActionLink("Edit", "Home", new { id = o.OrderID }) %>
<%
}).Title("Edit");
})
.Render();
%>

js

//列标题的复选框全选实现
function checkeAll(e) {
$("input[name='chkBox']").attr("checked", e.checked);
}

2.Paging 分页

<%= Html.Telerik().Grid(Model)
.Name("Grid")
  .Pageable() //1.启用分页功能
  .Pageable(pager => pager.PageTo(10)) //2.设置按10条分页
  .Pageable(pager => pager.Enabled((bool)ViewData["enablePaging"]))
  .Pageable(pager => pager.PageSize(20))
  .Pageable(pager => pager.Position(GridPagerPosition.Top))
  .Pageable(pager => pager.Total((int)ViewData["total"]))
  .Pageable(pager => pager.Style(GridPagerStyles.PageInput | GridPagerStyles.Numeric))
%>

3. 自定义

//----Defining a custom server command
<%= Html.Telerik().Grid<Order>(Model)
.Name("Grid")
.Columns(columns =>
{
columns.Command(commands =>
{
// Declare a custom command named "showDetails"
commands.Custom("showDetails")
// Set the text which the command button will display
.Text("Show details")
// Specify the action method which the command will invoke
.Action("ShowDetails", "Home")
// Specify which properties of the data item will be passed as action method arguments
.DataRouteValues(route =>
{
// Send the OrderID property of the data item as "orderID" parameter
route.Add(o => o.OrderID).RouteKey("orderID");
});
})
})
%> //----Handling the custom command
// The "orderID" argument will come from the OrderID property. Defined via DataRouteValues
public ActionResult ShowDetails(int orderID)
{
var northwind = new NorthwindDataContext();
// Get the order by "orderID"
var order = northwind.Orders.FirstOrDefault(o => o.OrderID == orderID); // Display a some view which will use the order
return View(order);
}

[4]Telerik Grid 简单使用方法的更多相关文章

  1. MySQL笔记-最简单的方法来解决找不到mysqld.sock文件的问题

    首先,环境:ubuntu 14.04,采用apt-get的方式安装的,手动安装可能路径设置稍有区别. 1.安装MySQL后,用命令行首次启动时发现找不到Mysqld.sock文件,提示: ERROR ...

  2. mfc显示静态图片最简单的方法

    一致都是研究如何调用opencv显示动态图片,但是很多时候在显示图标的时候,都是需要显示静态图片,现在将最简单的方法总结下: 1.添加picture控件 2.添加资源,要求为bmp 3.修改属性 结果 ...

  3. ECshop设置301最快捷最简单的方法

    ECshop设置301最快捷最简单的方法 在 init.php中加入以下代码 if (strtolower($_SERVER['SERVER_NAME'])!='www.fz1688.com') { ...

  4. git 的简单使用方法

    git 的简单使用方法1. 服务器 安装完成2. ssh 中的账号创建完成3. 创建 ssh 账号,会在 ssh 的安装目录下的home 目录里面,多了用户家目录4. 进入该目录 ,创建一个新的文件夹 ...

  5. JavaScript,一个超级简单的方法判断浏览器的内核前缀

    先说明,此处的方法是说超级简单的方法,不是指代码超级少,而是用非常简单的知识点,只要懂得怎么写JavaScript的行内样式就可以判断. 大家应该还记得JavaScript行内样式怎么写吧?(看来我是 ...

  6. NET MVC1项目升级到MVC2最简单的方法

    NET MVC1项目升级到MVC2最简单的方法 把MVC1项目升级到MVC2,最简单的做法如下: 新建MVC2项目 新建一个MVC2项目,把原来MVC1的项目文件全部拷贝到新建MVC2项目目录里,依照 ...

  7. js 获取当天23点59分59秒 时间戳 (最简单的方法)

    js 获取当天23点59分59秒 时间戳 (最简单的方法) new Date(new Date(new Date().toLocaleDateString()).getTime()+24*60*60* ...

  8. [ASP.NET]更简单的方法:FormsAuthentication登录ReturnUrl使用绝对路径

    转自:http://www.cnblogs.com/dudu/p/formsauthentication-returnurl-absoluteuri.html [ASP.NET]更简单的方法:Form ...

  9. ASP.Net MVC_DotNetZip简单使用方法,解决文件压缩的问题[转]

    准备工作: 在vs工具栏中找到NuGet   下载DotNetZip   现在就可以使用DotNetZip强大的类库了,在这里我给出一些简单的使用. ? 1 2 3 4 5 6 7 8 9 10 11 ...

随机推荐

  1. Android 系统版本&API对照表

    最新Android系统版本与API等级对应关系表 数据来源:http://d.android.com/guide/topics/manifest/uses-sdk-element.html#ApiLe ...

  2. iOS打包ipa select a method for export几个选项的意思

    他们的意思分别为:Save for iOS App Store Deployment保存到本地 准备上传App Store 或者在越狱的iOS设备上使用,需要提供发布证书
Save for Ad Ho ...

  3. iOS多线程-02-GCD

    简介 GCD(Grand Center Dispatch)是Apple为多核的并行运算提出的解决方案,纯C语言 更加适配多核处理器,且自动管理线程的生命周期,使用起来较为方便 GCD通过任务和队列实现 ...

  4. Peer-to-Peer 综述

    Peer-To-Peer 网络介绍 最近几年,Peer-to-Peer (对等计算,简称P2P) 迅速成为计算机界关注的热门话题之一,财富杂志更将P2P列为影响Internet未来的四项科技之一. “ ...

  5. asp接收jquery post 中文乱码问题!

    这个问题的解决主要还是通过url编码对中文进行处理,在服务后台代码中,进行url解码处理. 但是问题来了,asp没有解码的内置函数,只有一个编码的内置函数UrlEncode,而用UrlEncode进行 ...

  6. Effective Java 41 Use overloading judiciously

    The choice of which overloading to invoke is made at compile time. // Broken! - What does this progr ...

  7. 叶金荣:MySQL通用优化技巧

    转自:http://mp.weixin.qq.com/s?__biz=MjM5NDE0MjI4MA==&mid=208777870&idx=1&sn=6efddd6283e4d ...

  8. Jquery Easy UI--datagrid的使用(转)

    第一篇学的是做一个管理的外框,接着就是数据datagrid绑定了,这里我用asp.net mvc3来做的,主要就是熟悉属性.方法. 打开easyui的demo 就可以看到如下一段代码: 和上篇一样cl ...

  9. 一个自定义 HBase Filter -“通过RowKeys来高性能获取数据”

    摘要: 大家在使用HBase和Solr搭建系统中经常遇到的一个问题就是:“我通过SOLR得到了RowKeys后,该怎样去HBase上取数据”.使用现有的Filter性能差劲,网上也没有现成的自定义Fi ...

  10. apache加载php配置

    #载入php模块和ini路径,以及凡是.php开头的以它来处理 LoadModule php5_module E:/server/php/php5apache2_2.dll PHPIniDir &qu ...