ASP.NET Aries 入门开发教程7:DataGrid的行操作(主键操作区)

简介:

前言:

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

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

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

1:什么时候有默认的编辑与删除?

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

1
2
3
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
2
3
4
5
1:PKColumn对象的事件,是对每一行起拦截作用。
 
2:如果在onbeforeExecute中对btnArray控制isHidden属性,会不加载图标(但没法控件占位符,格式会不好看)
 
3:因此选择在onAfterExecute中控件visability属性来隐藏图标。

总结:

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

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


本文原创发表于博客园,作者为路过秋天,原文链接:http://www.cnblogs.com/cyq1162/p/6080258.html

相关文章
|
23天前
|
开发框架 JavaScript 前端开发
震撼!破解 ASP.NET 服务器控件 Button 执行顺序之谜,颠覆你的开发认知!
【8月更文挑战第16天】在ASP.NET开发中,通过Button控件实现先执行JavaScript再触后台处理的需求十分常见。例如,在用户点击按钮前需前端验证或提示,确保操作无误后再传递数据至后台深度处理。此过程可通过设置Button的`OnClientClick`属性调用自定义JavaScript函数完成验证;若验证通过,则继续触发后台事件。此外,结合jQuery也能达到相同效果,利用`__doPostBack`手动触发服务器端事件。这种方式增强了应用的交互性和用户体验。
33 8
|
1天前
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
13 7
|
6天前
|
开发框架 JavaScript 前端开发
|
28天前
|
开发框架 .NET API
在IIS上部署ASP.NET Core Web API和Blazor Wasm详细教程
在IIS上部署ASP.NET Core Web API和Blazor Wasm详细教程
|
2月前
|
开发框架 搜索推荐 前端开发
【.NET全栈】ASP.NET开发Web应用——Web部件技术
【.NET全栈】ASP.NET开发Web应用——Web部件技术
|
3月前
|
开发框架 前端开发 .NET
LIMS(实验室)信息管理系统源码、有哪些应用领域?采用C# ASP.NET dotnet 3.5 开发的一套实验室信息系统源码
集成于VS 2019,EXT.NET前端和ASP.NET后端,搭配MSSQL 2018数据库。系统覆盖样品管理、数据分析、报表和项目管理等实验室全流程。应用广泛,包括生产质检(如石化、制药)、环保监测、试验研究等领域。随着技术发展,现代LIMS还融合了临床、电子实验室笔记本和SaaS等功能,以满足复杂多样的实验室管理需求。
61 3
LIMS(实验室)信息管理系统源码、有哪些应用领域?采用C# ASP.NET dotnet 3.5 开发的一套实验室信息系统源码
|
23天前
|
开发框架 前端开发 .NET
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
ASP.NET MVC WebApi 接口返回 JOSN 日期格式化 date format
29 0
|
24天前
|
开发框架 前端开发 安全
ASP.NET MVC 如何使用 Form Authentication?
ASP.NET MVC 如何使用 Form Authentication?
|
27天前
|
开发框架 .NET
Asp.Net Core 使用X.PagedList.Mvc.Core分页 & 搜索
Asp.Net Core 使用X.PagedList.Mvc.Core分页 & 搜索
76 0
|
4月前
|
开发框架 前端开发 .NET
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
141 0