問題タブ [kendo-mvvm]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
kendo-ui - IE ではなく Chrome で Kendo グリッドを初期化した後の VM のデータバインドが機能するのはなぜですか?
剣道グリッドを初期化し、viewmodel をバインドする jsFiddle で簡単な例をセットアップします。Chrome では各行のグリッドにデータが取り込まれますが、IE9 では取り込まれません。
html は次のとおりです。
JS は次のとおりです。
これが jsFiddle です: http://jsfiddle.net/e2XHN/1/
私の元の例data-role="grid"
では、テーブル要素で使用していますが、このコードはより明確です。$("#example table").kendoGrid();
その後であればkendo.bind($("#example"), viewModel);
、IEで動作します。それより前の場合は機能せず、コンソールに例外は表示されません。クロムでは両方の方法で機能します。
グリッドのデータソースとしても設定できることはわかっています。私の好みは を使用することなdata-role="grid"
ので、それが私が気にする理由です。
だから私には回避策がありますが、これがIE9では機能しないのにChromeでは機能する理由を知っている人はいますか?
私はこれを Telerik のバグとして開くだけですが、彼らのパブリック イシュー トラッカー ( http://www.telerik.com/support/pits.aspx ) にアクセスすると、何も表示されません。
kendo-ui - Kendo ViewModel のバインドを解除し、他のものに再バインドする
「追加」フォームに使用するビューモデルがあります。そのフォームには、「説明」というテキストボックスが 1 つあります。初めてのユーザーは、そのフィールドにテキストを入力します。ユーザーがキャンセルを押して(同じフォームで)、もう一度追加を押すと、「説明」フィールドに値が入力されたフォームが表示されます。
新しいビュー モデルを作成し、すべてのモデルを間違った値でアンバインドしたいと考えています。しかし、私がそれをするとき:
説明テキストボックスには古い値が残ります。
編集:
フィールドが 2 になるのはなぜですか?
私が追加する場合
最後に、私の値は「aaaa」に等しくなります。これは、要素が最初のモデルにバインドされていることを意味します。ここで何が問題なのですか?
私は問題を見つけました:
問題は、その要素内に剣道ウィンドウがあり、そのウィンドウを初めて開いたときに HTML が置き換えられ、バインディングが間違っていたことです。
javascript - 剣道でのMVVMバインディングのコールバック?
ページを最初にロードしたときに、スタイル設定されていないコンテンツのフラッシュが表示されます。Kendo.bind(element, viewModel) が HTML のスキャン、解析、操作などを処理するのに時間がかかるようです。
たとえば、剣道オブジェクトにページ ライフサイクル イベントがあり、サブスクライブできるとよいのですが、そのための何かがあるようには見えません。コンテナ要素を非表示にしたり、進行状況バーをロードしたりして、剣道がページの変更を完了したときにフェードインする方法はありますか? どんな助けやアドバイスも大歓迎です。
jquery - フィールドデータを更新した後の剣道グリッドMVVMインライン編集フォーカスの問題
インライン編集モードですべてのフィールドを含む剣道グリッドを作成しようとしています。編集フィールド タブの変更が次のコントロールに移動しないという問題に直面しています。
問題を繰り返す手順:
- 最初のセルのテキストを編集
- タブキーをクリック
- グリッドからフォーカスを失っています。
解決にご協力ください。
http://jsfiddle.net/suniltvl/eUhP5/
JS:
HTML
javascript - Kendo UI ドロップダウンリストを、データソースによって取り込まれた ViewModel にバインドする最良の方法は何ですか?
テンプレートにあり、ViewModel にバインドされた kendoUI ドロップダウン リストと、ドロップダウン リストで選択されたデータ項目にバインドされたスパンがあります。
私のビューモデル:
もともと、私はアポイントメント タイプのハードコードされた配列を使用し、上記の viewModel 宣言で selectedAppointment をアポイント タイプ [0] に設定していました。データソースが非同期で読み込まれるため、現在は機能しません。viewModel は onSelected 関数で更新されます。
テンプレートはウィンドウ内にあり、スパンは最初に読み込まれるときに空であり、その後 (最初の要求からデータが読み込まれると) 機能します。
私の質問は、スパンのデータ バインディングを最初の要求で機能させるにはどうすればよいでしょうか。これにより、データ ソースによって返されるリストから現在選択されているアポイントメント タイプの期間が表示されます。ドロップダウンリストの選択されたデータ項目にバインドしようとしますか? これを行うために使用する必要があるコールバックはどこかにありますか? それが重要な場合、テンプレートは kendoScheduler 内にあります。
ありがとう!
更新:私が使用しているテンプレートは、ビューモデルにバインドされていない剣道 UI スケジューラのエディターですが、データソースにビューモデルの一部を使用していました。この場合、data-bind="events:{...}" 構文を使用しようとすると、奇妙な型エラーが発生していました。データバインド イベントを接続するには、Atanas から data-bound="onDataBound" とグローバル ハンドラー関数を使用するように指示されました (または、スケジューラを宣言的に構成してビューモデルにバインドすることもできます)。以下の回答と組み合わせてデータバインドを使用すると、うまくいきました。
kendo-mvvm - HTML を使用した剣道 MVVM テンプレート ドロップダウン
私は剣道ドロップダウンリストをバインドしている剣道テンプレートを持っています。ドロップダウンのテキストに HTML を表示するのに問題があります。
HTML を機能させるために渡すことができる何らかのバインディングはありますか?
kendo-ui - パラメータをクエリ文字列として剣道データソースの create メソッドに渡す
シナリオ : 2 つのビューモデルが同じデータ ソースを使用しており、エンティティをエンティティmasterDataSource
に追加したいとします。detail
master
質問 :masterId
これらのビュー モデルからデータソースの create メソッドにクエリ文字列としてどのように渡しますか:
javascript - 複数のビューモデルで kendo の監視可能なプロパティを使用する
Kendo MVVM フレームワークを使用する Kendo アプリ: アプリのすべての部分に共通の情報である「グローバル」ビューモデルがあります。たとえば、プロパティ isLoggedIn を持つ UserState です。
多くの異なる View と ViewModel が userState オブジェクトにアクセスします (Kendo では、1 つの View が 1 つの ViewModel にバインドされていることがわかります)。
たとえば、認証されていない場合、ホームページに [ログイン] ボタンが表示されることがあります。ログインすると、他のすべての画面の動作が異なるため、各 ViewModel は UserState オブジェクトを参照する必要があります。ただし、それらのいずれかが変更された場合、Kendo Observable オブジェクトを使用したため、他のすべてのビューが更新されます。これはうまくいかないようです。
問題を説明するために、ここに簡単な例を設定します: http://jsfiddle.net/rodneyjoyce/uz7ph/11
userStateViewModel の isLoggedIn の値を変更するために userState.loginUser() を呼び出しても、更新されません。ボタンを実行してクリックすると、問題が表示されます。バインディングには更新された値が反映されません (ただし、アラート ボックスには反映されます)。どんな助けでも感謝します、ありがとう。
注:これは、以前の質問の延長であり、少し先に進みました。
asp.net - javascript viewModel の ko-vs-editor を介した Visual Studio 2013 Update 2 CTP 2 IntelliSense が機能していませんか?
ここでノックアウト ko-vs-editor intellisense の最新の Visual Studio 2013 機能を動作させようとしています。
- Kendo MVVM を使用しているため、ここではノックアウト フレームワークをインストールしていないことに注意してください。
- また、MVC 4 で Razor を使用します。
インテリセンス機能は、Knockout、MVC バージョン、または View Engine の特定のナゲット パッケージに依存しているのだろうか?
kendo-ui - MVVM を使用した剣道グリッド、バインド列の可視性
MVVM を使用した剣道グリッドがあります。私の問題は、隠し属性と式を使用して列の可視性を設定できないように見えることです:
テンプレートは機能しますが、「hidden」属性は機能しないようです。
これを機能させる方法はありますか?