开发者社区> 晚来风急> 正文

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

简介:
+关注继续查看

前言:

为了赶进度,周末也写文了!

前几篇讲完查询框和工具栏,这节讲表格数据相关的操作。

先看一下列表:

接下来我们有很多事情可以做。

1:格式化 - 键值的翻译

对于“启用”列,已经配置了格式化 #是否,已经可以看到效果了。

对于分类ID列,通常显示的是分类名称,而不是ID值。

可是分类名称不在文章表里,在文章分类表,怎么关联格式化呢?

我们有文章分类表:

所以我们写个下拉配置:

然后在配置表头里把它配置上:

效果:

PS:通过自定义语句来翻译下拉项的注意事项:

1
2
3
1:翻译项的数量在100以下,至少也是在可以预见的数量级。
 
2:如果无法预知数量级,则应采用自定义视图语句,在数据呈现的时候直接就是名称。

1.1 自定义视图语句:

新建V_xxx.sql文件在SQLCode目录下,文件在可以随意放,但文件名不能出现重复。

sql里事先关联好表,取值出文章分类的名称。

接着:html中的代码:

1
var dg = new AR.DataGrid("V_ArticleList", "Article", "grid");

把objName参数写为文件的名称即可。

2:格式化 - 自定义JS函数

对于格式化,除了配置#XXX来格式化键值对之外,也可以自定义JS。

系统默认写了3个函数用于格式化:

stringFormatter : 长度太长时,显示成...

dateFormatter :显示成日期

boolFormatter :显示成Checkbox

示例:

定义了showAries函数,把它配置表标题列里:

效果:

3:格式化 - 键值对的二次格式化

如果格式化里用了#XXX配置(就没办法自定义写JS),然后希望二次格式化呢?

效果:

4:样式格式化

定义一个样式函数:

把样式函数配置到配置表头:

效果:

样式的格式其实是处理<td style="样式">内容</td>中的样式。

这个函数后期可能会考虑取消,因为同样的效果,格式化的功能也能完成如:

格式化返回:"<div style="width:100%;background-color:#ffee00;color:red;">value</div>"

5:取消宽度自适应

默认,列表的宽度是自适应的,这对于不同的分辨率,可以适合不同的显示器需求。

但有一种情况下,我们希望取消宽度自适应(自适应没有滚动条):当列很多的时候

控制EasyUI的fitColumns即可。

6:行内编辑 - 开启:

如果只是简单的表操作,开启行内编辑是最省事的做法:

效果:

因为配置了格式化,所以被格式化的会变成下拉的效果。

7:行内编辑 - 指定可编编辑的列:

在配置表头的编辑项里勾选即可:

8:行内编辑 - 新增指定默认值

默认点添加按钮时:

比如对分类和标题指定默认值:

PS:为了兼容Oracle(默认列表的列头和数据的字段名是统一转小写处理的)

效果:

9:行内编辑 - 通过某列的值决定其它列的值:

比如当分类的选择的不同,标题的内容为:分类名称+标题。

效果:

10:行内编辑 - 新增跳到自定义页面处理:

这个回到了上一篇:ASP.NET Aries 入门开发教程5:自定义列表页工具栏区 中的“其它1:"项的内容。

11:主从表:

EasyUI支持主从表,给出思路:

效果:

总结:

这节主要讲两个核心:格式化、行内编辑。

下一节介绍列表的主键操作区。


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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
ASP.NET Core: 二十一. 内容协商与自定义IActionResult和格式化类(五)
上一章的结尾留下了一个问题:同样是ObjectResult,在执行的时候又是如何被转换成string和JSON两种格式的呢? 本章来解答这个问题,这里涉及到一个名词:“内容协商”。除了这个,本章将通过两个例子来介绍如何自定义IActionResult和格式化类。
92 0
ASP.NET Core: 二十一. 内容协商与自定义IActionResult和格式化类(四)
上一章的结尾留下了一个问题:同样是ObjectResult,在执行的时候又是如何被转换成string和JSON两种格式的呢? 本章来解答这个问题,这里涉及到一个名词:“内容协商”。除了这个,本章将通过两个例子来介绍如何自定义IActionResult和格式化类。
50 0
ASP.NET Core: 二十一. 内容协商与自定义IActionResult和格式化类(三)
上一章的结尾留下了一个问题:同样是ObjectResult,在执行的时候又是如何被转换成string和JSON两种格式的呢? 本章来解答这个问题,这里涉及到一个名词:“内容协商”。除了这个,本章将通过两个例子来介绍如何自定义IActionResult和格式化类。
152 0
ASP.NET Core: 二十一. 内容协商与自定义IActionResult和格式化类(二)
上一章的结尾留下了一个问题:同样是ObjectResult,在执行的时候又是如何被转换成string和JSON两种格式的呢? 本章来解答这个问题,这里涉及到一个名词:“内容协商”。除了这个,本章将通过两个例子来介绍如何自定义IActionResult和格式化类。
127 0
ASP.NET Core: 二十一. 内容协商与自定义IActionResult和格式化类(一)
上一章的结尾留下了一个问题:同样是ObjectResult,在执行的时候又是如何被转换成string和JSON两种格式的呢? 本章来解答这个问题,这里涉及到一个名词:“内容协商”。除了这个,本章将通过两个例子来介绍如何自定义IActionResult和格式化类。
119 0
【译】Asp.Net Identity Cookies 格式化
原文出处Trailmax Tech Max Vasilyev: ASP.Net MVC development in Aberdeen, Scotland 中英对照版 我的读者联系到我,并向我提出了一系列关于 AspNet Identity的问题。
980 0
Asp.Net Web API 2第十二课——Media Formatters媒体格式化器
原文:Asp.Net Web API 2第十二课——Media Formatters媒体格式化器 前言 阅读本文之前,您也可以到Asp.Net Web API 2 系列导航进行查看 http://www.cnblogs.com/aehyok/p/3446289.html 本教程演示如何在ASP.NET Web API中支持额外的媒体格式。
941 0
【ASP.NET Web API教程】6.1 媒体格式化器
原文:【ASP.NET Web API教程】6.1 媒体格式化器 6.1 Media Formatters 6.1 媒体格式化器 本文引自:http://www.asp.net/web-api/overview/formats-and-model-binding/media-formatters...
865 0
基于Asp.Net Mvc开发的个人博客系统
一个基于Mvc 5构建的简单、代码层级分明的开源个人博客系统。前端美观大气、后台采用RightControl .NET通用角色权限系统,开发简单、效率高。网站配置采用XML配置,灵活可以根据自己是需求进行个性化配置。系统功能完备,完全可以满足需求,基本不用二次开发,非常使用程序员的个人博客。
48 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载