Flex：如何实时更改绑定到数据网格的 ArrayCollection？

发布于 2024-08-22 12:09:53 字数 374 浏览 12 评论 0原文

我有一个绑定到可编辑 DataGrid 的 ArrayCollection，另一个组件需要知道 ArrayCollection 何时更改（由于 DataGrid 中的更改），以便它也可以更新自身，监听 ArrayCollection 的 COLLECTION_CHANGE 事件也是如此。

问题是，当正在编辑的行失去焦点时，DataGrid 仅更新 ArrayCollection。这对我的应用程序不利，因为用户可以编辑行上的列，并且长时间不单击表上的其他位置（导致该行失去焦点），因此更改不会传播到表的其他部分该应用程序。

如何使数据网格在每次文本输入上出现 keyup 事件时（而不是每次行失去焦点时）通知 ArrayCollection 发生更改？

干杯，

克里斯

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

悲欢浪云 2024-08-29 12:09:53

我会将处理程序添加到用于编辑值的组件中，而不是添加到 ArrayCollection 中。示例：

<mx:DataGridColumn dataField="name" headerText="Name" itemEditor="{nameEditor}" editorDataField="selectedItem" />

然后使用它来编辑值：

<mx:Component id="nameEditor">
    <mx:ComboBox dataProvider="{outerDocument.names}" change="outerDocument.setNameField(event)" close="outerDocument.setNameField(event)" />
</mx:Component>

这是更改（和关闭）事件的处理程序：

public function setDestinationField(event:*):void {
    var destination:String = (event.target as ComboBox).selectedLabel;
    if (destination === '') {
        delete _gridData[_currentlyEditedRowIndex].destination;
    } else {
        _gridData[_currentlyEditedRowIndex].destination = destination;
    }
}

_currentlyEditedRowIndex 通过将其添加到网格来设置：

itemEditBegin="beginEdit(event);"

I would add the handler to the component used to edit the value instead of to the ArrayCollection. Example:

<mx:DataGridColumn dataField="name" headerText="Name" itemEditor="{nameEditor}" editorDataField="selectedItem" />

Then this is used to edit the value:

<mx:Component id="nameEditor">
    <mx:ComboBox dataProvider="{outerDocument.names}" change="outerDocument.setNameField(event)" close="outerDocument.setNameField(event)" />
</mx:Component>

And this is the handler for the change (and close) event:

public function setDestinationField(event:*):void {
    var destination:String = (event.target as ComboBox).selectedLabel;
    if (destination === '') {
        delete _gridData[_currentlyEditedRowIndex].destination;
    } else {
        _gridData[_currentlyEditedRowIndex].destination = destination;
    }
}

_currentlyEditedRowIndex is set by adding this to the grid:

itemEditBegin="beginEdit(event);"

回复收藏 0 原文

初心未许 2024-08-29 12:09:53

谢谢加布里埃尔，你让我走上了正确的道路。我将在这里发布我的最终解决方案，以防其他人将来需要做同样的事情。

  <mx:DataGridColumn headerText="Title" width="300" dataField="title">
    <mx:itemEditor>
      <mx:Component>
        <mx:TextInput change="data.title = text" />
      </mx:Component>
    </mx:itemEditor>
  </mx:DataGridColumn>

现在，每当输入中的文本发生更改时，用作数据提供程序的 ArrayCollection 也会更新，因此其他组件会侦听 COLLECTION_CHANGE 事件。

Thanks Gabriel you put me on the right path. I will post here my final solution in case anyone else needs to do the same thing in the future.

  <mx:DataGridColumn headerText="Title" width="300" dataField="title">
    <mx:itemEditor>
      <mx:Component>
        <mx:TextInput change="data.title = text" />
      </mx:Component>
    </mx:itemEditor>
  </mx:DataGridColumn>

Now whenever the text is changed in the input the ArrayCollection being used as the data provider is also updated, so other components listen for COLLECTION_CHANGE events.

回复收藏 0 原文

~没有更多了~