javascript - SproutCore:SC.TableView的替代品

Question

我正在基于SproutCore 1.8的项目中。我的应用程序必须在复杂的表格 View 中显示大量数据。实际上，表格 View 将成为应用程序界面的核心元素之一。另外，我可能需要大纲/树 View ，以便在类似于表 View 的界面组件中显示层次结构数据。

我最初尝试使用SC.TableView，但是从SproutCore框架v1.6开始似乎已弃用该功能。我得到了一个控制台输出，建议使用社区表 View ，但没有发现太多。

我在SC Google网上论坛中发现了一些提示，建议您应该考虑使用SlickGrid，并且有人编写了small SproutCore wrapper around SlickGrid，您可以将其插入SproutCore应用程序。我必须承认，我还没有尝试过。

但是，由于我的应用程序不是一个很大的实验，并且我真的不愿意在标准的UI组件中投入太多精力，而我希望这些组件可以在复杂的UI框架中方便地使用，因此我想问一下是否有任何可靠且可行的解决方案。可以在SproutCore框架中“开箱即用”吗？

Answer 1

However, as my app is not a big experiment and I am not really willing to put much effort into standard UI components that I expect being readily available in a sophisticated UI framework, I would like to ask whether there is any solution that is reliable and works 'out of the box' in the SproutCore framework?

不幸的是，简短的答案是“否”。 Sproutcore是一个很好的框架，具有很多优势，但老实说，没有开箱即用的好表格 View 。

最好的选择是按照Google网上论坛的建议使用SlickGrig。如果该外部库满足您的所有需求，则使其与SC一起工作并不难。您将创建一个 SC.View。实现 didAppendToDocument方法，并在其中根据其指令初始化平滑网格。从那里，使用 SC.Event.add监听平滑网格dom上的事件，然后在处理程序中调用您的应用程序逻辑。确保包裹在 SC.run(function(){...})中，以便获得运行循环。因此，基本上，您正在写一个代理光滑网格实例的 View 。您将面临的最大挑战是浏览器可计算性问题，如何使数据的SC表示与SG的内部表示(用于排序等)保持同步，并且如果您打算利用SG的许多功能，则可能需要一些代码。

另一种选择是滚动自己的网格。但这还有很多工作要做。

实际上，实际上，如果SG路径似乎太困难了，那么最好使用具有网格的框架。