前言：

抓紧勤奋，再接再励，预计共10篇来结束这个系列。

上一篇介绍：ASP.NET Aries 入门开发教程6：列表数据表格的格式化处理及行内编辑

本篇介绍主键操作区相关内容。

1：什么时候有默认的编辑与删除？

只有开启行编辑（且有相应的权限时），才有默认的操作区，并出现编辑和删除图标。

 var dg = new AR.DataGrid("Article", "Article", "grid"); dg.isEditor = true;....

2：默认小图标都有哪些?

虽然JS默认只定义了这几个（edit、del、detail、save、cancel）：

但是可以自已搞新图标来扩展自己的图标或事件的。

3：如何新增加图标和事件？

代码示例：

效果：

4：如何自定义小图标？

可以在页面定义：AR.Global.DG.PKTemplate.XXX=‘<a ...></a>’;

然后dg.PKColumn.add("xxx"...);调用

5：如何根据数据行的不同条件，决定图标的显示或隐藏？

示例代码：

    var dg = new AR.DataGrid("Article", "Article", "grid");dg.PKColumn.add("edit", "编辑", null, "userEidt.html", "编辑用户", "edit");dg.PKColumn.add("del", "删除数据",null, null, null, "del");dg.PKColumn.add("detail", "查看图片", "fn", null, null, "view");//dg.PKColumn.onBeforeExecute = function (value, row, index, btnArray) {//    btnArray[0].isHidden = index % 2 == 0;//}dg.PKColumn.onAfterExecute = function (value, row, index, $div) {if (index % 2 == 0) {this.Items[index]["edit"].css("visibility", "hidden");}}dg.bind();

效果：

PS：知识补充：

1：PKColumn对象的事件，是对每一行起拦截作用。2：如果在onbeforeExecute中对btnArray控制isHidden属性，会不加载图标（但没法控件占位符，格式会不好看）3：因此选择在onAfterExecute中控件visability属性来隐藏图标。

总结：

本篇主要介绍主键操作的功能区内容。

下一篇介绍树型列表和右键菜单的自定义。

ASP.NET Aries 入门开发教程7：DataGrid的行操作（主键操作区）相关推荐

ASP.NET Aries 入门开发教程6：列表数据表格的格式化处理及行内编辑
前言: 为了赶进度,周末也写文了! 前几篇讲完查询框和工具栏,这节讲表格数据相关的操作. 先看一下列表: 接下来我们有很多事情可以做. 1:格式化 - 键值的翻译对于"启用"列, ...
ASP.NET Aries 入门开发教程4：查询区的下拉配置
背景: 今天去深圳溜达了一天,刚回来,看到首页都是微软大法好,看来离.NET的春天就差3个月了~~ 回到正题,这篇的教程讲解下拉配置. 查询区的下拉配置: 1:查询框怎么配置成下拉? 在配置表头:格式 ...
ASP.NET Aries 入门开发教程2：配置出一个简单的列表页面
前言: 朋友们都期待我稳定地工作,但创业公司若要躺下,也非意念可控. 若人生注定了风雨飘摇,那就雨中前行了. 最机开始看聊新的工作机会,欢迎推荐,创业公司也可! 同时,趁着自由时间,抓紧把这系列教程给 ...
ASP.NET Aries 高级开发教程：Excel导入配置之规则说明（下）
前言: 前面两篇都是大体介绍流程,有一些配置细节,没有细说,这里用一篇补上. 1.Excel配置项起始行索引.列头跨行数: 对于自定义的Excel导入模板(有时候模板是由客户提供,模板的规则很乱)比 ...
Block.one的EOS区块链入门开发教程Elemental Battles
最新版本使任何可以使用JavaScript和C++的人都能轻松学习EOSIO. 10月18日,Block.one推出了Elemental Battles,这是一个激动人心的新工具包,它将通过简化EOS ...
ASP.NET + MVC5 入门完整教程七 -—-- MVC基本工具（上）
这里主要介绍三类工具之一的依赖项注入(DI)容器,其他两类单元测试框架和模仿工具以后介绍. 1.准备示例项目从创建一个简单的示例开始,名称为"EssentialTools" ...
ASP.NET + MVC5 入门完整教程五 --- Razor （模型与布局）
1.准备示例项目为了演示Razor,使用VS创建一个名称为"Razor"的新项目:这里选择 "Empty(空)"选项,并勾选"MVC"复选 ...
Vue 新手学习笔记：vue-element-admin 之入门开发教程（v4.0.0 之前）
说实话都是逼出来的,对于前端没干过ES6都不会的人,vue视频也就看了基础的一些但没办法,接下来做微服务架构,前端就用 vue,这块你负责....说多了都是泪,脚手架框架布了都没看过干就完事,不过 ...
ASP.NET MVC 入门系列教程
一个居于ASP.NET MVC Beta的系列入门文章,有朋友提议说写一个示例程序来同步讲解,那样更加容易学习.所以就写选择了写一个Blog程序来作为示例程序.(原来是居于ASP.NET MVC Pr ...

ASP.NET Aries 入门开发教程7：DataGrid的行操作（主键操作区）

前言：