問題タブ [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.

0 投票する
1 に答える
1046 参照

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 を使用しているときに、「表示するアイテムがありません」と言う良い方法はありますか? ここで単純なものが欠けているように感じます。

ありがとうございました!

0 投票する
1 に答える
695 参照

kendo-ui - データソースの配列をどのように使用しますか?

データソースの配列があり、data-bind 属性でバインドしたい

テンプレート3:

ビューモデル:

そして、私はエラーが発生します:

Uncaught ReferenceError: y が定義されていません

0 投票する
1 に答える
117 参照

javascript - グリッドで剣道テンプレートを使用中に JavaScript を実行しないようにする方法

ユーザーが UI フィールドに剣道テンプレートを入力して、グリッド セルをカスタマイズできるようにしたいと考えています。したがって、ユーザーHello #= name #は UI の入力フィールドに入力でき、グリッド列に結果が適切に表示されます。

問題は、ユーザーが# alert('test') #テンプレートに入力する可能性があり、javascript が実行されることです。アプリケーションで ajax を使用していますが、悪意のあるユーザーがテンプレートから http を呼び出す可能性があります。

剣道テンプレートで JavaScript を実行しないようにすることはできますか?

0 投票する
1 に答える
337 参照

javascript - Kendo UI のオートコンプリート テンプレートで「this」の範囲を設定するにはどうすればよいですか?

Kendo UI のテンプレート APIを使用するJavaScriptと、template. これは、オートコンプリート テンプレートをカスタマイズするのに役立ちます。

生成されたコードを実行すると、 のスコープthisWindow オブジェクトです。_prevたとえば、値を使用して結果をカスタマイズするために、スコープをオートコンプリート インスタンスに設定したいと考えています。

このデモ コードcolorでは、お客様の名前の を検索テキストに相当する赤色に変更して、コード内でインスタンスsubstringを検索できます。指定されたサンプルで、プロパティを次のように変更するだけですautocompletetemplatetemplate

ただし、「検索」が使えない場合は$()、テンプレートが生成する関数のスコープを設定して行いたいと思います。出来ますか?

0 投票する
1 に答える
125 参照

javascript - 剣道編集テンプレート配列

カスタム編集テンプレートを使用した 剣道の例を次に示します。

この例にはカスタム編集テンプレートがあるため、カレンダーをダブルクリックして新しいイベントを作成すると、カスタム フィールドが表示されます。

データソースとして配列を持つ「連絡先」のカスタムフィールドがあります。

このデータ ソースは、サーバーから取得した配列です (取得に 1 ~ 2 秒かかります)。編集テンプレートがタグで準備されているという事実により、データを取得する ajax 呼び出しの成功 (または完了) ハンドラーを単純に作成することはできません。

私が見る唯一の方法は、ページの読み込み時にデータを準備して、テンプレートがデータを取得できるようにすることです。

ただし、データのロードが完了するたびにテンプレートを作成するか、ロード後にデータを追加する必要があります。

サーバーがデータをロードするのにかかる時間をシミュレートするために、1 秒の setTimeout を使用します。これにより、編集テンプレートはデータを取得しません。

再作成するには:

  1. カレンダーをダブルクリックしてイベントを作成します
  2. 連絡先フィールドが空であることに注意してください (ページの読み込み時にデータの準備ができていないため)

どんな助けでも大歓迎

0 投票する
2 に答える
734 参照

kendo-datasource - 剣道リストビュー + 剣道データソース + テンプレート

ボタン付きのリストビューテンプレートがあります。html 宣言からクリック イベントをバインドしました。

ビューモデルには「onEdit」機能があります。

dataList」プロパティをJSON 配列としてバインドすると、ビュー モデルのこの関数は問題なくトリガーされますが、剣道データソースをバインドすると、関数が見つかりません。

これがどのように機能するかを理解している人がいれば、大きな助けになるでしょう。

ありがとうございました。