問題タブ [kendo-template]
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-grid - 子グリッドのKendo Grid Fluent API DataBoundイベントでNo Itemsテキストが表示されますか?
これを探すのに多くの時間を失ったように感じますが、機能するものはまだ見つかりません (まあ、適切に機能します)。ユーザーの要件に合わせてネストされたグリッドのセットがあり、それぞれが次のグリッドなどにドリルダウンし、すべて正常に機能しています。展開されたときに ajax 呼び出しを行い、データを表示するクライアント テンプレートを使用して処理されます。
私が抱えている問題は、拡張の 1 つに結果がない場合、Kendo は子グリッド ヘッダーだけを表示し、他には何も表示しないことです。DataBound イベント (グリッド上で .Events(e => e.DataBound("myJavaScriptFunctionName")) に接続すると、これは剣道グリッドではなく、子剣道グリッドの名前を渡すと (これは一意です) #=#) でキーを使用すると、データ ソースに 0 個のアイテムが表示されます。
これが ajax ポストバックを行うためかどうかはわかりませんが、戻ってくる前に OnDataBound が発生しますか?
データがない場合のユーザー エクスペリエンスを向上させるために、「アイテムが見つかりません」というメッセージを表示する必要があります (これは実際には最低レベルでのみ発生します)。
言葉だけで十分ですが、コード例を次に示します。
OnDataBound 私は、このスレッドからの回答 (空の場合、剣道グリッド内にメッセージを表示する) を含むいくつかのことを試しましたが、うまくいきませんでした。これは特に、データ ソースに 0 個のアイテムがあることを常に示しています (最初は未定義でしたが、グリッド名を渡しましたが、まだ運がありません)。
ネストされたグリッドで Fluent API を使用しているときに、「表示するアイテムがありません」と言う良い方法はありますか? ここで単純なものが欠けているように感じます。
ありがとうございました!
kendo-ui - データソースの配列をどのように使用しますか?
データソースの配列があり、data-bind 属性でバインドしたい
テンプレート3:
ビューモデル:
そして、私はエラーが発生します:
Uncaught ReferenceError: y が定義されていません
javascript - グリッドで剣道テンプレートを使用中に JavaScript を実行しないようにする方法
ユーザーが UI フィールドに剣道テンプレートを入力して、グリッド セルをカスタマイズできるようにしたいと考えています。したがって、ユーザーHello #= name #は UI の入力フィールドに入力でき、グリッド列に結果が適切に表示されます。
問題は、ユーザーが# alert('test') #テンプレートに入力する可能性があり、javascript が実行されることです。アプリケーションで ajax を使用していますが、悪意のあるユーザーがテンプレートから http を呼び出す可能性があります。
剣道テンプレートで JavaScript を実行しないようにすることはできますか?
javascript - Kendo UI のオートコンプリート テンプレートで「this」の範囲を設定するにはどうすればよいですか?
Kendo UI のテンプレート APIを使用するJavaScriptと、template. これは、オートコンプリート テンプレートをカスタマイズするのに役立ちます。
生成されたコードを実行すると、 のスコープthisはWindow オブジェクトです。_prevたとえば、値を使用して結果をカスタマイズするために、スコープをオートコンプリート インスタンスに設定したいと考えています。
このデモ コードcolorでは、お客様の名前の を検索テキストに相当する赤色に変更して、コード内でインスタンスsubstringを検索できます。指定されたサンプルで、プロパティを次のように変更するだけですautocompletetemplatetemplate
ただし、「検索」が使えない場合は$()、テンプレートが生成する関数のスコープを設定して行いたいと思います。出来ますか?
javascript - 剣道編集テンプレート配列
カスタム編集テンプレートを使用した 剣道の例を次に示します。
この例にはカスタム編集テンプレートがあるため、カレンダーをダブルクリックして新しいイベントを作成すると、カスタム フィールドが表示されます。
データソースとして配列を持つ「連絡先」のカスタムフィールドがあります。
このデータ ソースは、サーバーから取得した配列です (取得に 1 ~ 2 秒かかります)。編集テンプレートがタグで準備されているという事実により、データを取得する ajax 呼び出しの成功 (または完了) ハンドラーを単純に作成することはできません。
私が見る唯一の方法は、ページの読み込み時にデータを準備して、テンプレートがデータを取得できるようにすることです。
ただし、データのロードが完了するたびにテンプレートを作成するか、ロード後にデータを追加する必要があります。
サーバーがデータをロードするのにかかる時間をシミュレートするために、1 秒の setTimeout を使用します。これにより、編集テンプレートはデータを取得しません。
再作成するには:
- カレンダーをダブルクリックしてイベントを作成します
- 連絡先フィールドが空であることに注意してください (ページの読み込み時にデータの準備ができていないため)
どんな助けでも大歓迎
kendo-datasource - 剣道リストビュー + 剣道データソース + テンプレート
ボタン付きのリストビューテンプレートがあります。html 宣言からクリック イベントをバインドしました。
ビューモデルには「onEdit」機能があります。
「dataList」プロパティをJSON 配列としてバインドすると、ビュー モデルのこの関数は問題なくトリガーされますが、剣道データソースをバインドすると、関数が見つかりません。
これがどのように機能するかを理解している人がいれば、大きな助けになるでしょう。
ありがとうございました。