【新特性速递】取消表格排序与排序提示信息(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后的效果:  

如果列处于未排序状态,光标移动到列标题栏时,会提示【点击按升序排序】。

注意:提示信息表明点击操作后的状态,而非当前的排序状态(这个页面业界通用的做法)。

 

如果当前处于升序状态,提示文本是【点击按降序排序】:

 

这个提示信息已经做了多语言处理,来看下英文中的样子:

 

 

欢迎入伙:https://fineui.com/fans/

三石出品,必属精品 

posted @ 2020-09-08 10:11  三生石上(FineUI控件)  阅读(1009)  评论(0编辑  收藏  举报