7

是否有人拥有或知道一个示例，该示例演示了使用 Sencha GXT 3.0通过 GWT RPC 调用将数据加载到 ListStore 中？我知道有很多使用 2.x 版本中使用的 ModelData 和 BeanModel 接口的示例，但是 3.0 不需要使用这些接口，并且据说允许使用实现 ValueProperty 接口的类加载 POJO 对象。

我在 3.0 Explorer 中看到过 RequestFactoryBinding 示例和 RequestFactory Grid 示例，但它们似乎演示了自定义数据代理和接收器的使用。通过查看这些示例中的代码，我假设这些技术/类可能是必需的，但这在任何地方都不明显。可能会有更多的文档即将发布，但到目前为止，除了 javadocs 和缺少示例方法中使用的一些源类的 Explorer 之外，我还没有找到任何东西。

以下两个示例的链接。

RequestFactoryBinding 示例： http ://www.sencha.com/examples/#ExamplePlace:requestfactorybinding

RequestFactory 网格示例： http ://www.sencha.com/examples/#ExamplePlace:requestfactorygrid

4

2 回答 2

8

DataProxy并且Loader主要用于促进a）依靠服务器进行过滤/分页/排序，或b）在应用程序的各个部分之间重用以访问相同的数据。在客户端只加载一次数据或完成手动存储管理的情况下，它们不是必需的（如 2.x 中）。

各种商店加载类 ( ListStoreBinding, LoadResultListStoreBinding) 在内部演示了如何为 ListStore 提供项目。onSuccess第一种方法允许您从RPC 回调或 RequestFactory 接收器中的方法替换商店中的现有项目：

List<MyData> newItems = ...;//response from server
ListStore<MyData> store = ...;//current store to replace/update
store.replaceAll(newItems);

如果只加载一次，或者只添加而不是替换，则应使用其他方法：

store.addAll(newItems);

可以使用 逐个添加项目store.add，但是这会导致每个项目发生一个事件，应该避免。

编辑：另外，从 2.x 开始，这可能并不完全清楚，但数据本身不需要超类/接口。ValueProvider仅用作如何操作模型的外部抽象 - 如何从任何类型的模型中读取或设置值。该PropertyAccess接口允许ValueProvider（和其他）实例仅由属性名称生成，这些值将从使用 bean 访问器获取/设置。加载数据不需要 ValueProvider 类型/实例，仅用于数据小部件本身提取它们正在显示的数据，并在用户编辑值后进行修改。

了解了这些部分，加载器/代理机制将以相同的基本方式加载数据。加载器负责在加载时被告知要使用哪些设置（分页、过滤和/或排序），然后触发加载——不同的子类有不同的职责，接受不同的加载配置类型，并返回不同的结果。然后，DataProxy 是一种机制，它实际上与任何保存数据的对象进行对话，如果在服务器上，则异步进行，并在结果可用时通过回调通知加载程序。

问题中列出的示例都使用 RequestFactory，但也有几个使用 RPC 的示例，以及一些仅从 JSON 或 XML 加载的示例。在http://www.sencha.com/examples/#ExamplePlace:paginggrid中主要的数据加载部分如下：

// The rpc async instance
final ExampleServiceAsync service = GWT.create(ExampleService.class);

// As in Ext GWT 2, there is a convenience proxy for RPC to just pass the callback 
// directly to the RPC call. If you need a custom callback, just be sure to invoke 
// `callback.onSuccess` with the final result.
RpcProxy<PagingLoadConfig, PagingLoadResult<Post>> proxy = new RpcProxy<PagingLoadConfig, PagingLoadResult<Post>>() {
  @Override
  public void load(PagingLoadConfig loadConfig, AsyncCallback<PagingLoadResult<Post>> callback) {
    service.getPosts(loadConfig, callback);
  }
};
// ...

// The loader itself has a reference to the proxy so that loader.load() results
// in a round trip to the server, as outlined above.
final PagingLoader<PagingLoadConfig, PagingLoadResult<Post>> loader = new PagingLoader<PagingLoadConfig, PagingLoadResult<Post>>(
    proxy);
loader.setRemoteSort(true);

// This last piece - instead of 2.x where the loader is a parameter to the store,
// in 3 you directly wire the results of the loader to add the items into the
// store, as discussed in the first half of this answer
loader.addLoadHandler(new LoadResultListStoreBinding<PagingLoadConfig, Post, PagingLoadResult<Post>>(store));
于 2012-05-14T03:19:12.780 回答
0

FWIW 我加了一个远程分页和排序网格的GWTP Dispatch 版本。这是带有命令模式扭曲的 GWT RPC。

假设您熟悉网格，您将需要以下实例：

  • RpcProxy
  • PagingLoader
  • LoadResultListStoreBinding

以及需要调用的方法：

  • PagingLoader.setRemoteSort(true)
  • PagingLoader.addLoadHandler()
  • Grid.setLoader()
  • PagingToolBar.bind()
于 2013-05-23T01:29:21.907 回答