【新特性速遞】重新載入樹節點，核取方塊Required屬性，禁用表格行選中，完善F.GridColumn文件

三生石上(FineUI控制元件)發表於2020-07-03
UI

FineUIPro/Mvc/Core的下個版本（v6.4.0），我們還會有如下多個更新：

  •  新增示例：更多控制元件/樹控制元件/雜項/重新載入單個節點（756103247）。
  • 為核取方塊增加Required和RequiredMessage屬性（路人甲-amyNv7M）。
    •  更新示例：表單控制元件/表單驗證/驗證多個表單。
  •  增強表格行選中效果。
    •  為表格增加ShowSelectedRow屬性（預設為true，是否顯示行選中樣式）。
    •  為表格增加EnableRowHoverState屬性（預設為true，是否啟用表格行的滑鼠懸停樣式）。
    •  新增示例：表格控制元件/雜項/顯示選中單元格（不顯示選中行）。
  • 完善F.GridColumn的客戶端文件。

 

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

看看其他更新：

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

 

因為這幾個新特性都比較小巧，就放在一篇文章中介紹了。

 

1. 重新載入單個樹節點

【新特性速遞】重新載入樹節點，核取方塊Required屬性，禁用表格行選中，完善F.GridColumn文件

 

這個功能在 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文件

這是之前缺失的一個特性，如果需要使用者必須勾選核取方塊才行進行下一步操作，這個特性會非常方便。

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

<f:CheckBox ID="CheckBox1" Text="核取方塊" Label="核取方塊" Required="true">
</f:CheckBox>

　　

 

3. 禁用表格行選中效果

這也是來自客戶的需求，雖然不常見，但是真正需要的時候卻很棘手。

【新特性速遞】重新載入樹節點，核取方塊Required屬性，禁用表格行選中，完善F.GridColumn文件

 

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

 

4. 完善 F.GridColumn 文件

【新特性速遞】重新載入樹節點，核取方塊Required屬性，禁用表格行選中，完善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 釋出，敬請期待！

 

 

歡迎入夥：https://fineui.com/fans/

三石出品，必屬精品 

相關文章