【新特性速递】重新加载树节点,复选框Required属性,禁用表格行选中,完善F.GridColumn文档

FineUIPro/Mvc/Core的下个版本(v6.4.0),我们还会有如下多个更新:

  •  新增示例:更多控件/树控件/杂项/重新加载单个节点(756103247)。
  • 为复选框增加Required和RequiredMessage属性(路人甲-amyNv7M)。
    •  更新示例:表单控件/表单验证/验证多个表单。
  •  增强表格行选中效果。
    •  为表格增加ShowSelectedRow属性(默认为true,是否显示行选中样式)。
    •  为表格增加EnableRowHoverState属性(默认为true,是否启用表格行的鼠标悬停样式)。
    •  新增示例:表格控件/杂项/显示选中单元格(不显示选中行)。
  • 完善F.GridColumn的客户端文档。

 

===================================================

看看其他更新:

  • 【新特性速递】表格的客户端合计
  • 【新特性速递】表格中的进度条和评分
  • 【新特性速递】评分,评分,评分
  • 【新特性速递】数字输入框的前缀和后缀(位于输入框内部)
  • 【新特性速递】进度条,进度条,进度条
  • 【新特性速递】当法语遇上FineUI(Bonjour)!

====================================================

 

因为这几个新特性都比较小巧,就放在一篇文章中介绍了。

 

1. 重新加载单个树节点

【新特性速递】重新加载树节点,复选框Required属性,禁用表格行选中,完善F.GridColumn文档_第1张图片

 

这个功能在 WebForms 和 MVC 下的实现稍微不同,具体可以看下在线示例。

FineUIMvc/Core:https://pages.fineui.com/#/Tree/TreeReload

var Tree1UI = UIHelper.Tree("Tree1");
var hfDataSourceUI = UIHelper.HiddenField("hfDataSource");

var source = hfDataSource == "source1" ? GetSource2() : GetSource1();
Tree1UI.LoadData("zhumadian", source);
// 展开更新后的节点 Tree1UI.ExpandNode("zhumadian");

我们新增了 LoadData 来加载某个树节点的数据,并使用 ExpandNode 来展开单个节点。

注意:本次AJAX更新只操作需要更新的节点。  

 

FineUIPro:https://pro.fineui.com/#/tree/tree_reload.aspx

var parentNode = Tree1.FindNode("zhumadian");

parentNode.Nodes.Clear();

var source = hfDataSource.Text;
var nodes = source == "source1" ? GetSource2() : GetSource1();
foreach(var node in nodes)
{
	parentNode.Nodes.Add(node);
}

// 展开更新后的节点
parentNode.Expanded = true;
parentNode.Leaf = false;

WebForms中需要更新相应节点的 Nodes 属性,并更新节点的 Expanded 属性。

注意:本次AJAX更新会操作整个树节点,也就是重新加载树节点。

 

  

2. 为复选框增加Required和RequiredMessage属性

【新特性速递】重新加载树节点,复选框Required属性,禁用表格行选中,完善F.GridColumn文档_第2张图片

这是之前缺失的一个特性,如果需要用户必须勾选复选框才行进行下一步操作,这个特性会非常方便。

FineUICore示例:https://pages.fineui.com/#/Form/Form



  

 

3. 禁用表格行选中效果

这也是来自客户的需求,虽然不常见,但是真正需要的时候却很棘手。

【新特性速递】重新加载树节点,复选框Required属性,禁用表格行选中,完善F.GridColumn文档_第3张图片

 

FineUICore示例:https://pages.fineui.com/#/GridOther/ShowSelectedRow

 

4. 完善 F.GridColumn 文档

【新特性速递】重新加载树节点,复选框Required属性,禁用表格行选中,完善F.GridColumn文档_第4张图片

 

文档地址:https://fineui.com/js/api/F.GridColumn.html

 

 

 

FineUIPro/Mvc/Core v6.4.0 官网示例已更新,现在就可以在线看效果了:

FineUIPro:https://pro.fineui.com/#/grid/grid_summary_client.aspx

FineUIMvc:https://mvc.fineui.com/#/Grid/SummaryClient

FineUICore:https://core.fineui.com/#/Grid/SummaryClient

FineUICore(RazorPages):https://pages.fineui.com/#/Grid/SummaryClient

 

 

FineUIPro/Mvc/Core v6.4.0 计划于 2020-07-15 发布,敬请期待!

 

 

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

三石出品,必属精品 

你可能感兴趣的:(【新特性速递】重新加载树节点,复选框Required属性,禁用表格行选中,完善F.GridColumn文档)