【Visual Studio 擴展工具】如何在ComponentOneFlexGrid樹中顯示RadioButton

概述

在ComponentOne Enterprise .NET控件集中，FlexGrid表格控件是用戶使用頻率最高的控件之一。它是一個功能強大的數據管理工具，輕盈且靈動，以分層的形式展示數據（數據呈現更加直觀）。

FlexGrid 簡介

FlexGrid 是業界推崇的 .NET 數據表格，集成於 ComponentOne Enterprise .NET控件集中，可靈活、輕量、快速用於 WPF、WinForm、UWP、MVC、Silverlight、ActiveX平臺。

分層數據展示

在分層數據展示中，FlexGrid 可以使用Node.Checked屬性在任何節點行之前顯示CheckBox。 然後，父節點之前的這些複選框可用於添加功能，例如啓用/禁用或選擇/取消選擇樹中的所有子節點。

假設用戶想要利用RadioButton來代替這些複選框，並且，需要在對子節點進行“選擇/取消”按鈕操作時，同時影響父節點狀態的功能，利用 FlexGrid 數該如何實現？

是否有可能在樹中顯示單選按鈕？

答案是肯定的。 訣竅是使用 FlexGrid網格中子節點的Node.Image屬性顯示RadioButton圖像。

Node child = c1FlexGrid1.Rows.AddNode(1);
child.Image = Image.FromFile("../../Resources/Img_Unchecked.png");

我們剛剛展示了效果圖。 現在，我們需要在改變“選中/取消”父節點時同時影響子節點狀態。 爲了滿足這一要求，FlexGrid 網格的CellChecked事件將是一個不錯的選擇。當用戶改變父節點當前狀態時，它會被觸發。

private void C1FlexGrid1_CellChecked(object sender, RowColEventArgs e)
{
   //Get the checked/unchecked node row
   Node node = c1FlexGrid1.Rows[e.Row].Node;
   //If node row is itself a parent
   if (node.Parent == null)
   {
      //If checked
      if (node.Checked == CheckEnum.Checked)
      {
         //For each child row
         foreach(Node childNode in node.Nodes)
         {
            //Enabled
            childNode.Row.AllowEditing = true;
            childNode.Row.StyleNew.BackColor = Color.White;
         }
      }
      //If unchecked
      else if(node.Checked == CheckEnum.Unchecked)
      {
         //For each child row
         foreach (Node childNode in node.Nodes)
         {
            //Disabled
            childNode.Row.AllowEditing = false;
            childNode.Row.StyleNew.BackColor = Color.LightGray;
         }
      }
   }
}

接下來，如果通過網格的MouseDown事件中的代碼啓用了子節點，它將處理單選按鈕的切換。

private void C1FlexGrid1_MouseDown(object sender, MouseEventArgs e)
{
   HitTestInfo hti = c1FlexGrid1.HitTest(e.Location);
   //Get node row corresponding to clicked row
   Node node = c1FlexGrid1.Rows[hti.Row].Node;
   Rectangle cellBounds = c1FlexGrid1.GetCellRect(hti.Row, hti.Column);
   //If it is a child row
   if(node.Parent != null)
   {
      //Only for RadioButton
      if (hti.Column == 1 && node.Level == 1 && (hti.X >= cellBounds.X + 33) && (hti.X <= cellBounds.X + 43))
      {
         //Check if enabled
         if(node.Row.AllowEditing)
         {
            //Currently unchecked
            if (Convert.ToInt32(node.Key) == 0)
            {
               //Checked state
               node.Image = Image.FromFile("../../Resources/Img_Checked.png");
               node.Key = 1;
            }
            //Currently checked
            else
            {
               //Unchecked state
               node.Image = Image.FromFile("../../Resources/Img_Unchecked.png");
               node.Key = 0;
            }
         }
      }
   }
}

在上面的代碼中，我們在Node.Key屬性中存儲二進制狀態：0表示未檢查狀態，1表示已檢查狀態。

以上就是關於：如何在ComponentOne FlexGrid樹中顯示RadioButton的具體做法。與此同時，如果需要顯示RadioButton以外的控件，ComponentOne 也同樣支持！

---

ComponentOne Enterprise | 下載試用

ComponentOne是一款專注於企業應用高性能開發的 .NET 全功能控件套包，包含300餘種控件，支持7大平臺，涵蓋7大功能模塊。較於市面上其他同類產品，ComponentOne更加輕盈，功能更加強大，20多年的開發經驗，將爲您的應用系統帶來更爲安全的使用體驗。純中文操作界面，一對一技術支持，廠商級的技術服務，共同造就了這款國際頂級控件套包。

您對ComponentOne 產品的任何技術問題，都有技術支持工程師提供1對1專業解答，點擊此處即可發帖提問>> 技術支持論壇