オートコンプリートキェンドコントロールマッチングレコードがない場合は、[データなし]を表示したくない -- angular フィールド と kendo-autocomplete フィールド 関連 問題

Autocomplete Kendo Control I don't want to show “No Data found” when no matching records












5
vote

問題

日本語

私は私が角度で使用するオートコンプリート剣道コントロールを持っていますが、それが予想通りで動作していますが、私はユーザーが入力したテキストに一致するテキストが一致したときに「データなし」リストを表示したくないです。オプションk-no-data-templateを見つけますが、データが見つからなかった場合にテンプレートを設定します。

基本的には、一致する結果がある場合にのみリストを表示したい。

英語

I have a autocomplete kendo control which I use with Angular, its working as expected but I don't want to show the "NO DATA FOUND" list when there are no records match the text that the user enter.

I find the option k-no-data-template but this set the template in case no data was found.

Basically I want to show the list only if there are match results.

</div
     

回答リスト

7
 
vote
vote
ベストアンサー
 

これを試すことができます:

<事前> <コード> noDataTemplate: ''

例えば

です <事前> <コード> locationManager.requestLocationUpdates(LocationManager.GPS_PROVIDER, 5, 200, locationListener); 0

だからここでは、データが見つかりませんメッセージが終わらず、それをカスタマイズしたい場合でも:

<事前> <コード> locationManager.requestLocationUpdates(LocationManager.GPS_PROVIDER, 5, 200, locationListener); 1

それがあなたのために働くことを願っています。

 

You can try this:

noDataTemplate: '' 

for example

$("#autocomplete").kendoAutoComplete({    dataSource: [      { id: 1, city: "Bangalore" },      { id: 2, city: "Pune" }   ],   dataTextField: "city",   noDataTemplate: '' }); 

So here, No Data found message won't come and even if you want to customize it put then:

noDataTemplate: 'customized message'  // if you want to show your custom message to user 

Hope it work for you.

</div
 
 
   
   
0
 
vote

オプションk-no-data-template = "''"

を設定できます。
 

You can set the option k-no-data-template="''"

</div
 
 
0
 
vote

これをCSS / SASS:

でグローバルに設定できます。 <事前> <コード> locationManager.requestLocationUpdates(LocationManager.GPS_PROVIDER, 5, 200, locationListener); 2
 

You can set this globally by css/sass:

.k-nodata   *     display: none   &:after     content: 'your custom text' 
</div
 
 

関連する質問

1  `this kendo uiのオートコンプリートテンプレートの範囲を設定する方法  ( How to set the scope of thison kendo uis autocomplete template ) 
kendo ui's テンプレートAPI を使用できます。 template のコード> JavaScript 。これは、オートコンプリートテンプレートをカスタマイズするのに役立ちます。 生成されたコードが実行されると、<コード> this の範囲はウィ...

0  Kendoui AutoCompleteウィジェットが空のときにフィルタを更新しません  ( Kendoui autocomplete widget does not update filter when empty ) 
それ以外のデータソースにバインドされたオートコンプリートウィジェットがあります。 <事前> <コード> <input data-filter="contains" data-role="autocomplete" data-bind="source: styl...

5  オートコンプリートキェンドコントロールマッチングレコードがない場合は、[データなし]を表示したくない  ( Autocomplete kendo control i dont want to show no data found when no matching ) 
私は私が角度で使用するオートコンプリート剣道コントロールを持っていますが、それが予想通りで動作していますが、私はユーザーが入力したテキストに一致するテキストが一致したときに「データなし」リストを表示したくないです。オプションk-no-data-template...

1  kendoテンプレートでif-then-elseの使い方  ( How to use if then else in kendo template ) 
<コード> UI for ASP.NET Core を使用しています。カスタマイズされたヘッダー&アンプでオートコンプリートウィジェットを設定しました。以下のようなアイテムテンプレート <事前> <コード> @(Html.Kendo().AutoComple...

4  jQueryの.Data()関数はKendo UIでどのような目的ですか?  ( What purpose does jquerys data function serve in the kendo ui ) 
このウェブサイト - kendo uiのオートコンプリートウィジェットのドキュメント - 私が部分的に理解しているだけのコードの一部。 <事前> <コード> $(document).ready(function() { var autocomplete =...

1  剣道UIオートコンプリートイベント  ( Kendo ui autocomplete events ) 
ASP.NET MVC4 Application.ANDで取り組んでいます。 と私はKendo AutoComplete Control.My問題を使用しています。 誰かがKendo AutoCompleteのKeyPressイベントをどのように設定...

0  グリッドのカスタムポップアップエディタ内でオートコンプリートコントロールを使用する  ( Using an autocomplete control inside a custom popup editor for a grid ) 
グリッドのポップアップエディタのカスタムテンプレートを使用しているので、編集できるフィールドのみを表示できます。このテンプレートでは、自動完全入力を使用します。私はそれを「働く」を持っています:コントロールはエディタのテンプレートにあり、自動完了は何をすべきか...

0  BootstrapクラスCOL-MDを操作するためにKendoAutopompleteを取得する方法  ( How to get kendoautocomplete to work with bootstrap class col md ) 
剣道オートコンプリートコントロールを持っており、kendo.common-bootstrap.cssの参照を追加しました。これは、それを正しいサイズにするのに役立ちましたが、COL-MD-10またはオートコンプリートでこれらのクラスのいずれでも機能しません。 ...

1  既存のKendo UIウィジェットをどのように置き換えることができますか?  ( How can i replace an existing kendo ui widget ) 
既存のKendouiウィジェット(オートコンプリート)を拡張しようとしています。アプリケーションはすでにオートコンプリートウィジェットの多くのインスタンスを使用しているので、現在のものを拡張するが既存のものを置き換える新しいウィジェットを作成したくない。 すで...

0  提案リストがまだ開かれていない場合の剣道UIオートコンプリートイベント  ( Kendo ui autocomplete event when the suggestion list doesnt open yet ) 
剣道UIオートコンプリート選択を使用しています。入力値が推奨されるものと一致しない場合は、ドロップダウンが表示されない場合があります。 たとえば、私のリストに含まれている場合: <事前> <コード> values=[1xx,2xxx,3xx,4x,5xx] ...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有