問題タブ [kendo-ui-grid]

タブストリップ (tabstrip.select(0)) にある剣道 UI グリッドに取り組んでいます。入力用のフィールドは、2 番目のタブストリップ (tabstrip.select(1)) にあります。Crud オペレーションは正常に機能しています。私のボタン保存クリックイベントは次のようになります:

剣道UIグリッドで新しく追加/編集された行をマークするにはどうすればよいですか? どんな助けでも感謝します。前もって感謝します。

私は分離されたマスター詳細剣道 ui グリッドで作業しています。マスター グリッドはタブストリップ 1 (tabstrip.select(0)) 内にあります。追加/編集用のフィールド (マスター グリッド用) は、トップ ページのタブストリップ 2 (tabstrip.select(1)) 内にあります。タブストリップ 2 では、詳細グリッドのタブストリップをネストしました (ページ中央下部)。詳細グリッドはネストされたタブストリップ 1 (tabstripNested.select(0)) 内にあり、追加/編集用のフィールドはネストされたタブストリップ 2 (tabstripNested.select(1)) 内にあります。私は何をしたいですか？詳細グリッドに適切なエントリを表示するマスター グリッドの行を選択すると、それが必要になります。これは私の masterDataSource です:

これは私のマスターグリッドです:

これは私の detailsDataSource です:

これは私の詳細グリッドです:

detailsDataSource には masterDataId フィールドがあり、masterDataSource の Id と同じです。したがって、マスター グリッドで行を選択すると、詳細グリッドから適切なレコードを表示する必要があります。例: マスター グリッドで最初の行を選択すると、詳細グリッド (masterDataId = 1) から最初の 2 つのレコードを表示する必要があります。マスター グリッドで 2 行目を選択した場合、詳細グリッド (masterDataId = 2) から 3 行目、5 行目、6 行目、8 行目を表示する必要があります。これを実装するための最良の方法は何ですか? どんな助けでも感謝します。前もって感謝します。

私のウェブサイトには 2 つのボタン (適用、送信) があります。行 (ページ 1) を選択し、グリッドのページネーションを介して別のページ (ページ 2) に移動してから、別の行を選択します。行にいくつかの変更を加えて、[適用] をクリックします。変更は現在のページ (ページ 2) に適用されますが、ページ 1 に移動しても変更が反映されません。送信すると、影響を受ける行と変更された値の両方が送信されます。つまり、両方の行の値が変更されますが、UI には反映されません。これはキャッシュの問題ですか、それとも何か他の問題ですか?

私の質問は、KendoObservableオブジェクトを使用して (.json ファイルから解析された) JSON データのビューモデル オブジェクトを作成する方法です。

後でviewmodelオブジェクトをdiv要素にバインドしています kendo.bind($("div"), viewModel);

dtSourceただし、ブラウザーの開発者コンソールでデバッグしようとすると、定義されていないJSON ファイルからコンテンツを読み取ることができません。

私が読んでいる SiteMaster JSON ファイルは以下のとおりです

私たちの Web アプリケーションは、Telerik Kendo UI と多くの Angular Kendo UI Grid を使用しています。各グリッドにはいくつかの列があります。一部のユーザーはすべての列を表示することを好まないため、チェックボックスを介して列の表示/非表示機能を実装したいと考えています。Kendo UI Grid docsに従って、以下の行を Kendo Grid オプションに追加することで実装できます。

上記の行は、各列のヘッダーに列メニューを追加し、デフォルトで並べ替え、フィルタリング、列の表示/非表示をオンにします。これに関する問題は、列の表示/非表示がすべての列の列メニューに表示され、すべての列がすべての列に表示されることです。これにより冗長性が発生し、ユーザーは毎回グリッドをフィルタリングするためにさらに多くのことを行う必要があります (非常に重要です!!!)。

この動作を示す Dojo サンプルを次に示します。

代わりに、Angular Kendo UI グリッドのツールバーに単一のドロップダウンまたはメニューを実装して、すべての列をチェックボックスでリストします。ユーザーは、表示したい列をチェック/チェック解除できる必要があります。次に、Kendo UI グリッドのhideColumnメソッドとshowColumnメソッドを呼び出して、Kendo UI メニューの選択イベントで列を表示/非表示にします。

Kendo UI メニューを含むカスタム ツールバー テンプレートを作成し、静的テキスト データにバインドしようとしました。

ツールバー テンプレート:

角度コード:

メニューが表示されません。:( カスタム ツールバー テンプレートを使用した Dojo サンプルは次のとおりです。

私はAngularJSの初心者です。私は間違ったアプローチを取っていますか？グリッド ツールバーからドロップダウン/メニューを実装するのを手伝ってください。

ありがとう。

更新時に ASP.Net MVC アクションを呼び出すデータソースを備えた Javascript Kendo UI グリッドがあります。行を編集し、チェック マークをクリックして変更を確認すると、その時点でリモート アップデートが実行されます。

私がしたいのは、変更を加えて「ローカルで確認」し、フォームの最後にある [保存] ボタンをクリックしたときにのみ (sync() を呼び出して) 保存することです。これにより、ユーザーはグリッドで行った変更を含め、フォーム全体をキャンセルできます。DataSource API Referenceを読んでから、autoSync を false に設定する必要があるだけでしたが、違いはありません。

ありがとう！

更新: 答えが見つかりました。バッチ編集を使用するようにグリッドを構成できます。その場合、グリッドで [変更を保存] ボタンが押されるまで、変更はローカルで行われます。grid オブジェクトには saveChanges メソッドもあります。フォーム ボタンがクリックされたときに、送信する直前にこのメソッドを呼び出します。

私は実際に Restier 0.4.0-rc2 を使用していますが、エンティティの展開中に問題が発生しました。

例 ：

すべてが正しく、カウントは 97 です

まだ大丈夫です。カウントは 97 です

もう大丈夫です。count は 10 になりました。

剣道UIグリッドでページネーションが機能しなくなったのは問題です。

その問題を解決する方法がわかりません.Googleで多くの検索を行いましたが、問題の解決策はありません..

誰にもアイデアがありますか？

どうもありがとうございました

私は Kendo UI と angular グリッド アプリケーションを使用しています。私のアプリケーションでは、Kendo TabStrip を定義しています。最初のタブには Kendo UI グリッドとデータがあり、2 番目のタブには適切なテキスト ボックス フィールドが含まれており、ユーザーがグリッド内の行を選択すると入力されます。ページの読み込み時にグリッドにデータが入力され、完全に機能しますが、テキスト ボックス フィールドへのデータ バインドが機能しません。ユーザーがグリッド内の行を選択したときにテキストボックスフィールドにデータをバインドする方法は?

これは私のJSONデータです（別のファイルにあります）：

これは私のAngularサービスです（別のファイルにあります）：

これは私のコントローラーです（別のファイルにあります）：

これは私のHTMLです：

どんな助けでも非常に役に立ちます。