纸壳CMS列表Grid的配置
纸壳CMS(ZKEACMS)里的Grid是一个TagHelper
,是对jQuery插件datatables的一个配置封装。
Easy.Mvc.TagHelpers.GridTagHelper
grid的使用很简单,设置Model,使用<grid>标签就可以了:
@model ArticleEntity
<grid></grid>
Grid的默认值
1. ModelType
列表默认使用View设置的Model的Type作为Grid的ModelType,并使用它的配置元数据来呈现列表。例如:@model ArticleEntity
列表则会使用ArticleEntity
的元数据ArticleEntityMeta
来呈现列表。如果要特别指定这个ModelType,可以在Grid中进行设置:
<grid model-type="typeof(ArticleEntity)"></grid>
2. 编辑
编辑链接
默认的编辑链接是当前的Controller的Edit Action加主键。如文章,ArticleController,则编辑链接则是:/admin/Article/Edit/{id},也可以直接指定这个Action:
<grid edit="Edit"></grid>
编辑UI模板
默认的编辑模板是一个带有编辑图标的链接:
<a href="{0}" class="glyphicon glyphicon-edit"></a>
也可以在grid中设置这个模板,比如设置成按钮:
<grid edit-template="@("<a href=\"{0}\" class=\"btn btn-default\">Edit</a>")"></grid>
设置是否可编辑:
<grid edit-able="false"></grid>
3. 删除
删除链接
默认的删除链接是当前的Controller的Delete Action加主键。如文章,ArticleController,则删除链接则是:/admin/Article/Delete/{id},也可以直接指定这个Action:
<grid delete="Delete"></grid>
删除UI模板
默认的编辑模板是一个带有删除图标链接:
<a href=\"{0}\" class=\"glyphicon glyphicon-remove\"></a>
也可以在grid中设置这个模板,比如设置成按钮:
<grid delete-template="@("<a href=\"{0}\" class=\"btn btn-danger\">Delete</a>")"></grid>
注意:修改了这个删除模板,可能要注意同时配合修改
~/wwwroot/js/dataTable.js
设置是否可删除:
<grid delete-able="false"></grid>
4. 数据源
默认的数据源是当前的Controller的GetList Action,以Post的方式获取数据。也可以直接指定这个Action:
<grid source="GetList"></grid>
返回数据示例:
[HttpPost]
public virtual IActionResult GetList(DataTableOption query)
{var pagin = new Pagination { PageSize = query.Length, PageIndex = query.Start / query.Length };var expression = query.AsExpression<TEntity>();var order = query.GetOrderBy<TEntity>();if (order != null){if (query.IsOrderDescending()){pagin.OrderByDescending = order;}else{pagin.OrderBy = order;}}var entities = Service.Get(expression, pagin);return Json(new TableData(entities, pagin.RecordCount, query.Draw));
}
在列表中显示字段
列表的字段显示,需要在元数据里面配置。元数据配置http://www.zkea.net/codesnippet/detail/post-94.html
调用.ShowInGrid()
该字段就会显示在列表中:
ViewConfig(m => m.ImageUrl).AsTextBox().MediaSelector().ShowInGrid();
配置搜索
.ShowInGrid().Search(Query.Operators.Contains)
配置UI模板
.ShowInGrid().SetGridColumnTemplate("<img src=\"{imageUrl}\"/>");
注意:字段名使用的是驼峰命名方式,如字段名是
ImageUrl
,则使用的时候是{imageUrl}
排序
grid默认以最后更新时间(LastUpdateDate)倒序。也可以直接在grid中进行设置:
<grid order-asc="ID"></grid> <grid order-desc="ID"></grid>
自定义样式
可以使用以下方式进行设置自定义样式class:
<grid grid-class="table"></grid>
原文地址:http://www.zkea.net/zkeacms/document/grid
转载于:https://www.cnblogs.com/seriawei/p/9493907.html
纸壳CMS列表Grid的配置相关推荐
- zkeacms mysql_在Docker中运行纸壳CMS并配置使用MySql
纸壳CMS是基于ASP .Net Core开发的可视化内容管理系统,可以跨平台部署,可以在容器中运行.接下来看看如何在docker中运行纸壳CMS. 方式一 直接运行以下命令即可在docker中运行纸 ...
- 纸壳CMS主题增强,支持主题中加入模板
背景 在之前,纸壳CMS的主题仅仅只是CSS样式,并不支持在主题下使用模板来构建不同的HTML结构.现在我们对主题功能做了增强,可以在主题下添加各自的模板,这样在制作主题时,就会更加自由.不仅如此,新 ...
- 纸壳CMS升级.Net5免费下载
.Net 5 微软的.Net 5已经发布,我们也在第一时间做了适配.新版本最大的改动是升级到了微软最新的.Net 5,性能得到了显著提升.所以在升级使用3.3.6之前,请先更新你的运行环境. 升级指南 ...
- 纸壳CMS 3.3.6发布升级.Net 5
.Net 5 微软的.Net 5已经发布,我们也在第一时间做了适配.新版本最大的改动是升级到了微软最新的.Net 5,性能得到了显著提升.所以在升级使用3.3.6之前,请先更新你的运行环境. 升级指南 ...
- 纸壳CMS 3.0升级.Net Core 2.1性能大提升
微软发布了.Net Core 2.1正式版,纸壳CMS也在第一时间做了升级,并做了一系列的优化和调整,性能大幅提升,并解决了一些历史遗留问题,添加了一些新功能. Gitee https://gitee ...
- 用Docker自动构建纸壳CMS
纸壳CMS可以运行在Docker上,接下来看看如何自动构建纸壳CMS的Docker Image.我们希望的是在代码提交到GitHub以后,容器镜像服务可以自动构建Docker Image,构建好以后, ...
- 纸壳cms支持php坏境吗,如何参与纸壳CMS开发以及贡献代码
纸壳CMS是基于GPL v3.0开源协议开源的自由软件,可以免费使用它来做任何开源项目.同时也可以提交您的代码到官方仓库,让您的修改不被覆盖.比如你修改了一个已知的BUG,就可以将你的修改提交给主仓库 ...
- 纸壳CMS替换默认实现
简介 纸壳CMS是一个开源免费的可视化内容管理建站系统,拖拽就可以轻松建网站. GitHub: http://github.com/SeriaWei/ZKEACMS 纸壳CMS在设计上使用的是ASP. ...
- 纸壳CMS可视化建站系统搭建多语言网站
纸壳CMS是可视化建站系统,现已经从架构上支持多语言.但是多语言功能默认是没有开启的.您可以从设置中开启多语言,或者随时关闭它,您可以随时进行切换. 开启多语言 如果您没有在系统设置中看到多语言设置菜 ...
最新文章
- bootstrap设置button不显示_电脑便签怎么显示不关闭?电脑云便签敬业签怎么设置显示桌面?...
- Django(part40)--如何走向404
- 人民币小写金额转大写金额
- Python将list存为csv文件
- 数据库笔记2:SQL运算符
- Linux C 数据结构—-循环链表
- CCPC-EDG专场——E.Buy and Delete
- flutter中的列表组件
- Java拦截器验证失败时返回Json格式数据
- 量子计算机的加密安全性,公钥加密机制被量子计算机攻破,传统加密方式不再安全...
- Springboot 下 ModelAndView 的简单使用
- 个人理财系统springboot项目开发(一)需求分析文档
- 常见游戏外挂分类及原理概述
- 体验灵魂出窍:错觉延伸人体对自身感觉
- 最强GTD时间管理工具:OmniFocus Pro 3 for Mac支持big sur
- Bmob后端云的基本使用
- 微信小程序生命周期和路由传参详解
- 谷歌开发者大会焦点:TensorFlow.js可制作微信小程序,Android 10原生支持5G,TF2.0大更新...
- 对计算机专业的认识和理想
- 【MacOS】Mac下的gVim - MacVim