Flex：树组件：数据提供者更新时保持状态

Question

我将如何保持树控件的状态？ 我想在数据提供者更新时保持树的状态，而不是崩溃。

Answer 1

像这样的事情怎么样：

    var openItems:Object = tree.openItems;
    tree.dataProvider = myNewDataProvider;
    tree.openItems = openItems;
    tree.validateNow();

如果新的 dataProvider 与旧的 dataProvider 完全不同，我不确定这会工作得如何，但是当您延迟加载树节点时它会起作用。

Answer 2

这是我如何让它发挥作用的。 关键是

*yourTreeInstance*.validateDisplayList();

在更新树的数据提供者后调用。 我的代码如下：

<fx:Script>
    <![CDATA[
        [Bindable]
        var treeDataProvider:XML;

        private function onTreeCreated(event:FlexEvent):void{

            // update value with new XML here;
            treeDataProvider = <node name="root">
                                   <node name="child 1">
                                       <node name = "grand child 1"/>
                                   </node>
                                </node>;

            myTree.openItems = treeDataProvider..node;
            myTree.validateDisplayList();
        }

    ]]>
</fx:Script>

<mx:Tree id="myTree" labelField="@name" dataProvider={treeDataProvider} 
         creationComplete="onTreeCreated(event)"/>

这将使您的整个树保持打开状态。

Answer 3

这实际上很容易做到。 您只需确保组件绑定到其 dataProvider，而不仅仅是引用它。 因此，在 mxml 中，这是用于分配 dataProvider 的大括号语法。 另外，DP 必须是[可绑定]。

如果您这样做，则每当您更新（添加节点、删除、重命名等）数据提供程序时，它将在您的控制中自动更新。 无需手动失效或更新。

如果您需要实际的代码示例，请告诉我。

Answer 4

对于使用 BlazeDS 的项目，我必须在不破坏用户体验的情况下更新和重新加载树组件数据（重新加载数据时所有节点都会关闭）。
而不是密切关注“之前打开过哪个节点？” 以及“滚动位置是什么？” 我找到了一种将 Tree 组件数据的新状态注入到现有数据提供程序中的方法。

如果您有兴趣，请阅读此处的文章。

Answer 5

我认为没有办法自动执行此操作（尽管我从未使用过树控件）。 我认为你最好的选择是扩展树控制并自己处理状态记录。

例如，我可能会覆盖数据属性，以便您可以在组件上设置新数据对象之前运行状态检查函数。 查看帮助中有一些方法

isItemOpen(item:Object):Boolean, 

，

expandItem(item:Object, open:Boolean, animate:Boolean = false, dispatchEvent:Boolean = false, cause:Event = null):void

您需要递归地运行每个节点并检查它是否打开并存储该节点的状态。 然后，当使用新的数据提供程序重新绘制时，递归地运行新节点并检查它们中是否有任何先前打开过，如果是，则展开它们。

Answer 6

您需要在代表节点的数据对象上实现 IUID 接口。 UID 是一个唯一标识符，通常只是根据对象中的数据构建的，但有时覆盖它并使其成为在数据提供程序刷新之间保持不变的 GUID 会更准确。 因此，如果 UID 匹配，则在使用新的数据提供程序时，上述内容将起作用。

希望这是有道理的。

Answer 7

Inferis 的答案涉及存储 openItems，然后在更新数据提供程序后再次设置它们，并结合在 dataprovider 数组集合中的对象上实现 IUID 接口，对我有用。

有关 IUID 的更多信息：http://livedocs.adobe .com/flex/3/html/help.html?content=about_dataproviders_8.html

Answer 8

为了让以下代码片段

var openItems:Object = tree.openItems;
tree.dataProvider = myNewDataProvider;
tree.openItems = openItems;
tree.validateNow();

正常

callLater(keepOpenStateItems);

private function keepOpenStateItems():void {
    tree.openItems = openTreeItems; 
}

工作，您必须遵循 mattbilson 和 Michelle 的建议。 他们是绝对正确的。

刚刚实现了树 dataprovider 中包含的对象的 IUID，瞧！
集合刷新使树真正保持在之前的状态。