DataBind Wijmo Grid to Basecamp データ

こんにちは！ドライバー周りのヘルプドキュメントを担当している古川です。

The Basecamp Connector provides Basecamp データ as Web services, which enable connectivity to the live data. This article shows how to consume JSONP-formatted Basecamp データ from a Wijmo Grid.

1. If you have not already connected successfully in the administration console, see the "Getting Started" chapter in the help documentation for a guide.
2. Load the required Wijmo, jQuery, and Knockout libraries: <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script> <script src="http://cdn.wijmo.com/themes/aristo/jquery-wijmo.css"></script> <script src="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20143.59.min.css"></script> <script src="http://cdn.wijmo.com/jquery.wijmo-open.all.3.20143.59.min.js"></script> <script src="http://cdn.wijmo.com/jquery.wijmo-open.all.3.20143.59.min.js"></script> <script src="http://cdn.wijmo.com/jquery.wijmo-pro.all.3.20143.59.min.js"></script> <script src="http://cdn.wijmo.com/interop/wijmo.data.ajax.3.20143.59.js"></script> <script src="http://cdn.wijmo.com/wijmo/external/knockout-2.2.0.js"></script> <script src="http://cdn.wijmo.com/amd-js/3.20143.59/knockout-3.1.0.js"></script> <script src="http://cdn.wijmo.com/interop/knockout.wijmo.3.20143.59.js"></script>
3. Create a ViewModel and connect to it using the ODataView:
4. DataBind: Below is a simple table with some paging buttons, which you can paste into the body section of your markup.

   Edit Live Basecamp データ in Real Time

   Projects

Below is the resulting grid. You can filter, sort, edit, and save.