Products.jsonとPromotions.jsonという 2 つの Json ファイルがあります。どちらも同じ構造を持っています。つまり、フィールドは同じですが、値が異なります。
ページが読み込まれると、グリッドは次のようにProducts.jsonのデータにバインドされます。
<!--dataSource gets the Products.json data -->
<div data-role="grid" data-columns="[{field:'code',title:'Code'} .... data-bind="source: dataSource"></div>
その後、ボタンをクリックすると、グリッドの現在のレコードをクリアし、Promotions.jsonのデータを追加したい
<div data-role="grid" data-columns="[{field:'code',title:'Code'} .... data-bind="source: applyPromotionsDataSource"></div>
両方のデータソースを正常に読み取ることができ、「クリック」イベントも正常に取得できます..
質問
グリッドの既存のデータソースをクリアするにはどうすればよいですか?
新しい dataSource をグリッドにバインドするにはどうすればよいですか? (どのような方法を使用しますか?)