彩票走势图

VARCHART XGantt系列教程:为分组甘特图添加舒适排序选项的三个步骤

翻译|使用教程|编辑:黄竹雯|2018-10-25 17:03:22.000|阅读 327 次

概述:本文将告诉您使用VARCHART XGantt时,为分组甘特图添加舒适排序选项的三个步骤。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

大多数人习惯于使用舒适的排序选项,例如在Windows资源管理器中:单击列的表头将按升序或降序对文件进行排序,这由表中向上或向下指示的箭头指示头。

如果您也可以在VARCHART XGantt中使用此功能,那不是很好吗?在本文中,我将向您展示如何通过三个简单的步骤完成这项工作,并且只需很少的一部分编程。

我们想要实现的目标

下图显示了Windows资源管理器中按“升级修改日期”列按升序排序的文件,该文件由向上指向的小箭头指示:

这个小箭头可以很容易地添加到您的甘特图 - 只需按照下面描述的三个步骤。

第一步:创建箭头

您需要两个用于显示箭头的图形文件,以下称为arrow-down.png和arrow-up.png, 它们必须作为资源 添加到Visual Studio解决方案中。

第二步:自定义表格格式

在XGantt表格式StandardListCaption中,您必须勾选所有字段的文本/图形组合复选框。

第三步:添加代码

执行上述步骤后,您只需向Gantt控件添加一些代码行:

int _sortedByColumn = 3;

private void Form1_Load(object sender, EventArgs e)

{
   //Make the resources available for XGantt:
   //In the following 2 lines the namespace has be be adjusted as necessary.
  vcGantt1.SetImageResource("*ArrowDown",Default_Configuration.Properties.Resources.arrow_down);
   vcGantt1.SetImageResource("*ArrowUp", Default_Configuration.Properties.Resources.arrow_up);

    //Set the arrow in the table column by which your nodes are initially sorted:

   VcTable activeTable = vcGantt1.TableCollection.Active;
   VcTableFormat standardListCaptionTF = activeTable.TableFormatCollection.FormatByName("StandardListCaption");
   //Select the table format field by which your nodes are initially sorted:
   VcTableFormatField tff = standardListCaptionTF.get_FormatField(2);
   tff.GraphicsFileName = "*ArrowUp";

    //...
}

 

private void vcGantt1_VcTableCaptionLeftClicking(object sender, VcTableClickingEventArgs e)
{
   VcNodeLevelLayout nodeLevelLayout = vcGantt1.NodeLevelLayout;
   VcTableFormat standardListCaptionTF = e.Table.TableFormatCollection.FormatByName("StandardListCaption"); 

   VcTableFormatField tff = standardListCaptionTF.get_FormatField((short)(e.ColumnNumber - 1));

    if (e.ColumnNumber == _sortedByColumn)
   //Clicked again on the same column: Just reverse the sort order!
   {
      if (nodeLevelLayout.get_SortOrder(0) == VcNodeSortingOrder.vcAscending)
      {
         nodeLevelLayout.set_SortOrder(0, VcNodeSortingOrder.vcDescending);
         tff.GraphicsFileName = "*ArrowDown";
      }
      else
      {
         nodeLevelLayout.set_SortOrder(0, VcNodeSortingOrder.vcAscending);
         tff.GraphicsFileName = "*ArrowUp";
      }
   }
   else

   //Clicked on another column: Sort by this column. Sort order: ascending
   {
      nodeLevelLayout.set_SortDataFieldIndex(0, tff.Index);
      nodeLevelLayout.set_SortOrder(0, VcNodeSortingOrder.vcAscending);

       tff.GraphicsFileName = "*ArrowUp";

       tff = standardListCaptionTF.get_FormatField((short)(_sortedByColumn - 1));
      tff.GraphicsFileName = string.Empty;
   }

    vcGantt1.SortNodes();

    _sortedByColumn = e.ColumnNumber;
}

结果

如果一切都按计划进行,甘特图中的表格标题现在应该显示排序箭头,如下图所示:

下一步

现在您可以去试试看了。如果到目前为止您还没有使用VARCHART XGantt,欢迎随时下载最新试用版。


标签:甘特图甘特图开发资源优化资源管理

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP