【新特性速递】重新加载树节点,复选框Required属性,禁用表格行选中,完善F.GridColumn文档
FineUIPro/Mvc/Core的下个版本(v6.4.0),我们还会有如下多个更新:
- 新增示例:更多控件/树控件/杂项/重新加载单个节点(756103247)。
- 为复选框增加Required和RequiredMessage属性(路人甲-amyNv7M)。
- 更新示例:表单控件/表单验证/验证多个表单。
- 增强表格行选中效果。
- 为表格增加ShowSelectedRow属性(默认为true,是否显示行选中样式)。
- 为表格增加EnableRowHoverState属性(默认为true,是否启用表格行的鼠标悬停样式)。
- 新增示例:表格控件/杂项/显示选中单元格(不显示选中行)。
- 完善F.GridColumn的客户端文档。
===================================================
看看其他更新:
- 【新特性速递】表格的客户端合计
- 【新特性速递】表格中的进度条和评分
- 【新特性速递】评分,评分,评分
- 【新特性速递】数字输入框的前缀和后缀(位于输入框内部)
- 【新特性速递】进度条,进度条,进度条
- 【新特性速递】当法语遇上FineUI(Bonjour)!
====================================================
因为这几个新特性都比较小巧,就放在一篇文章中介绍了。
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属性
这是之前缺失的一个特性,如果需要用户必须勾选复选框才行进行下一步操作,这个特性会非常方便。
FineUICore示例:https://pages.fineui.com/#/Form/Form
<f:CheckBox ID="CheckBox1" Text="复选框" Label="复选框" Required="true"> </f:CheckBox>
3. 禁用表格行选中效果
这也是来自客户的需求,虽然不常见,但是真正需要的时候却很棘手。
FineUICore示例:https://pages.fineui.com/#/GridOther/ShowSelectedRow
4. 完善 F.GridColumn 文档
文档地址: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 发布,敬请期待!
三石出品,必属精品