Web YUI小部件-动态更新

我是网络编程新手，当然也是YUI新手

我尝试使用覆盖图、图表和节点菜单。 想知道是否有任何选项可以使用JSON格式的动态数据创建这些小部件，并在新数据到来时更新这些小部件

对于我们来说，所有属性都将来自服务器的JSON数据，然后使用这些数据呈现菜单栏、图表和属性浏览器。现在我找不到如何执行这一要求

---

谢谢

没有通过Ajax同步小部件的默认方式。默认情况下，唯一具有更新其数据方法的小部件是DataTable小部件。对于其余部分，甚至对于DataTable的属性，您需要自己完成

<>但是，如果数据和控件足够复杂，则应该考虑使用。模型和视图的组合将极大地帮助您使用小部件创建复杂的布局。将为您提供一种将属性轻松链接到JSON后端的方法，特别是如果您正在使用。并将为您提供设置标记和响应事件的工具

模型的

加载

和

更改

事件将让您知道数据何时更新。因此，在您的视图中，您将能够对这些事件做出反应，并在小部件中设置相应的属性：

var MyView = Y.Base.create('myView', Y.View, [], {
  initializer: function () {
    this.get('model').on('change', this._updateWidgets, this);
  },
  _updateWidgets: function () {
    var model = this.get('model');
    this.someWidget.set('someAttr', mode.get('someAttr'));
  }
});

---

但正如我所说，没有正确的方法来做这件事。你可以使用任何你喜欢的技巧。应用程序框架只是一组基本组件，可用于构建应用程序。它的设计具有灵活性，因此可以适应多种使用方式。其他方法可以直接使用

IO

，或者将

数据源

与小部件插件结合使用。这是一个有很多正确答案的问题。

没有通过Ajax同步小部件的默认方法。默认情况下，唯一具有更新其数据方法的小部件是DataTable小部件。对于其余部分，甚至对于DataTable的属性，您需要自己完成

<>但是，如果数据和控件足够复杂，则应该考虑使用。模型和视图的组合将极大地帮助您使用小部件创建复杂的布局。将为您提供一种将属性轻松链接到JSON后端的方法，特别是如果您正在使用。并将为您提供设置标记和响应事件的工具

模型的

加载

和

更改

事件将让您知道数据何时更新。因此，在您的视图中，您将能够对这些事件做出反应，并在小部件中设置相应的属性：

var MyView = Y.Base.create('myView', Y.View, [], {
  initializer: function () {
    this.get('model').on('change', this._updateWidgets, this);
  },
  _updateWidgets: function () {
    var model = this.get('model');
    this.someWidget.set('someAttr', mode.get('someAttr'));
  }
});

但正如我所说，没有正确的方法来做这件事。你可以使用任何你喜欢的技巧。应用程序框架只是一组基本组件，可用于构建应用程序。它的设计具有灵活性，因此可以适应多种使用方式。其他方法可以直接使用

IO

，或者将

数据源

与小部件插件结合使用。这是一个有许多正确答案的问题