【新特性速递】取消表格排序与排序提示信息(SortingCancel,SortingToolTip)
FineUIPro/Mvc/Core的下个版本(v7.0.0),我们会支持取消表格排序(SortingCancel),以及为表格标题栏增加排序的提示信息(SortingToolTip)。
目前的版本,一旦设置了表格的排序列,就不能取消了,只能改变列的排序状态或者切换当前排序列。
新版本会增加取消排序的功能,通过为表格增加SortingCancel=true属性即可,有两种方式取消排序:
- 点击标题栏,会依次触发:升序 -> 降序 -> 取消排序
- 点击标题栏旁边的下拉菜单,可见【取消排序】菜单项
对后台代码的影响,就是我们需要根据SortField是否为空,确定当前是否没有列处于排序状态。
下面通过官网示例,来对比下增加取消排序后对后台代码的影响:https://pro.fineui.com/#/grid/grid_sorting.aspx
之前版本的逻辑:
private void BindGrid() { string sortField = Grid1.SortField; string sortDirection = Grid1.SortDirection; DataTable table = DataSourceUtil.GetDataTable(); DataView view1 = table.DefaultView; view1.Sort = String.Format("{0} {1}", sortField, sortDirection); Grid1.DataSource = view1; Grid1.DataBind(); }
新版本的逻辑:
private void BindGrid() { string sortField = Grid1.SortField; string sortDirection = Grid1.SortDirection; DataTable table = DataSourceUtil.GetDataTable(); // 判断是否启用排序 if (!String.IsNullOrEmpty(sortField)) { DataView view1 = table.DefaultView; view1.Sort = String.Format("{0} {1}", sortField, sortDirection); Grid1.DataSource = view1; } else { Grid1.DataSource = table; } Grid1.DataBind(); }
增加取消排序后,如果Grid1.SortField为空,则说明没有列处于排序状态,因为绑定的数据就无需排序处理。
下面来看下另一个更新:排序的提示信息
这个更新对有些用户非常必要,因为他们总是搞不清楚箭头向上和向下的含义,除非通过排序后的数据,否则对升级和降序没有啥子概念。
下面来看下表格启用SortingToolTip=true后的效果:
如果列处于未排序状态,光标移动到列标题栏时,会提示【点击按升序排序】。
注意:提示信息表明点击操作后的状态,而非当前的排序状态(这个页面业界通用的做法)。
如果当前处于升序状态,提示文本是【点击按降序排序】:
这个提示信息已经做了多语言处理,来看下英文中的样子:
三石出品,必属精品