DataTablesは、検索入力と行数のドロップダウンリストを非表示にします

Coskun Ozogul

ASP.NET MVCアプリケーションでは、クライアントを一覧表示するためにjQueryDataTablesを使用しています。私のjQueryのバージョンは3.3.1です。私はこのコードをDataTableに使用していますが、正常に機能します。

 $(document).ready(function() {
  $('#tbl-data').dataTable();

  // These two lines hides related fields. It works.
  $("#tbl-data_filter").hide();
  $("#tbl-data_length").hide();
});

このコードを使用してDataTableを変換すると、ローカリゼーションは正常に機能しますが、検索入力と行数のドロップダウンは表示されたままになります。

 $(document).ready(function () {
  $('#tbl-data').dataTable({
    "language": {
      "url": "/Resources/Localisation/French.json"
    }
  });

  // It doesn't work.
  $("#tbl-data_filter").hide();
  $("#tbl-data_length").hide();
});

click他のコントロールイベントのように、手動イベントでこれらの行を呼び出すと、再び機能します。このDataTable()メソッドは非同期であり、非表示にする要素の変換と作成が完了する前に、行が実行されると思います。

誰かアイデアはありますか?

ロリー・マクロサン

これらのオプションは両方とも設定から無効にできます。それらを個別に非表示にする必要はありません。

searchおよびpagingオプションを使用します。

$('#datatable').dataTable({
  searching: false,
  paging: false,
  // your other settings here...
});

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

DataTable:[エントリの表示]ドロップダウンを非表示にしますが、[検索]ボックスはそのままにします

分類Dev

検索ドロップダウンJavascript-リストを非表示にする方法は?

分類Dev

個々のSqlDatasourcesによって入力されたGridviewで複数のドロップダウンリストを検索します

分類Dev

SYMFONY-ドロップダウンリストの値に従って入力を表示します

分類Dev

フォームフィールドの外側をクリックすると、自動入力ドロップダウンを非表示にします

分類Dev

Grails:別のドロップダウンが選択されたときにドロップダウンリストにデータを入力します

分類Dev

ドロップダウンリストにクラスを入力します

分類Dev

検索テキストは、テキスト入力htmlの検索アイコンを非表示にします

分類Dev

ドロップダウンリストは、selectpickerを使用するときに2つのドロップダウンリストを表示します

分類Dev

ドロップダウンリストのチェックボックスを選択した後、v-オートコンプリート(複数)検索入力をクリアするにはどうすればよいですか?

分類Dev

PHP は、データベースから NULL 値が入力されたドロップダウン リストに空白の値を表示します。

分類Dev

GORM:リストを選択ドロップダウンに入力します

分類Dev

入力ボックスに名前だけを表示し、選択要素のドロップダウンリストに名前と番号を表示する方法

分類Dev

ドロップダウンリストから別のオプションを選択するときに入力ボックスを表示したい

分類Dev

テキストエリアに値を入力するときにドロップダウンボックスを非表示にする

分類Dev

別のドロップダウンリストに基づいて1つのドロップダウンリストにデータを入力します

分類Dev

JSTLを使用して、別のドロップダウン選択に基づいて値をドロップダウンリストに入力します

分類Dev

ドロップダウンリストがaspmvcのjqueryで変更されたときにリストボックスにデータを入力します

分類Dev

ドロップダウンリストがaspmvcのjqueryで変更されたときにリストボックスにデータを入力します

分類Dev

ドロップダウンリストにシステムDB以外のDB名を入力します

分類Dev

Struts 2、Hibernateのデータベース値をドロップダウンリストに入力します

分類Dev

sqldataベーステーブルの内容をドロップダウンリストに入力します

分類Dev

他のドロップダウンの選択に基づいて、1つのドロップダウンリストにデータを入力します

分類Dev

Jqueryはドロップダウンリストからtextareaにデータを入力します

分類Dev

セルのドロップダウンにタブのリストを入力しますか?

分類Dev

コードを入力したときにドロップダウンにテキストが表示されないのはなぜですか

分類Dev

ドロップダウンとテキスト入力検証のボタンを有効にする

分類Dev

ブートストラップ3を使用して、MVCフォームの同じ行に検索テキストボックスと2ドロップダウンリストを表示します

分類Dev

ドロップダウンリストの選択を使用して、2番目のドロップダウンリストの内容を入力します

Related 関連記事

  1. 1

    DataTable:[エントリの表示]ドロップダウンを非表示にしますが、[検索]ボックスはそのままにします

  2. 2

    検索ドロップダウンJavascript-リストを非表示にする方法は?

  3. 3

    個々のSqlDatasourcesによって入力されたGridviewで複数のドロップダウンリストを検索します

  4. 4

    SYMFONY-ドロップダウンリストの値に従って入力を表示します

  5. 5

    フォームフィールドの外側をクリックすると、自動入力ドロップダウンを非表示にします

  6. 6

    Grails:別のドロップダウンが選択されたときにドロップダウンリストにデータを入力します

  7. 7

    ドロップダウンリストにクラスを入力します

  8. 8

    検索テキストは、テキスト入力htmlの検索アイコンを非表示にします

  9. 9

    ドロップダウンリストは、selectpickerを使用するときに2つのドロップダウンリストを表示します

  10. 10

    ドロップダウンリストのチェックボックスを選択した後、v-オートコンプリート(複数)検索入力をクリアするにはどうすればよいですか?

  11. 11

    PHP は、データベースから NULL 値が入力されたドロップダウン リストに空白の値を表示します。

  12. 12

    GORM:リストを選択ドロップダウンに入力します

  13. 13

    入力ボックスに名前だけを表示し、選択要素のドロップダウンリストに名前と番号を表示する方法

  14. 14

    ドロップダウンリストから別のオプションを選択するときに入力ボックスを表示したい

  15. 15

    テキストエリアに値を入力するときにドロップダウンボックスを非表示にする

  16. 16

    別のドロップダウンリストに基づいて1つのドロップダウンリストにデータを入力します

  17. 17

    JSTLを使用して、別のドロップダウン選択に基づいて値をドロップダウンリストに入力します

  18. 18

    ドロップダウンリストがaspmvcのjqueryで変更されたときにリストボックスにデータを入力します

  19. 19

    ドロップダウンリストがaspmvcのjqueryで変更されたときにリストボックスにデータを入力します

  20. 20

    ドロップダウンリストにシステムDB以外のDB名を入力します

  21. 21

    Struts 2、Hibernateのデータベース値をドロップダウンリストに入力します

  22. 22

    sqldataベーステーブルの内容をドロップダウンリストに入力します

  23. 23

    他のドロップダウンの選択に基づいて、1つのドロップダウンリストにデータを入力します

  24. 24

    Jqueryはドロップダウンリストからtextareaにデータを入力します

  25. 25

    セルのドロップダウンにタブのリストを入力しますか?

  26. 26

    コードを入力したときにドロップダウンにテキストが表示されないのはなぜですか

  27. 27

    ドロップダウンとテキスト入力検証のボタンを有効にする

  28. 28

    ブートストラップ3を使用して、MVCフォームの同じ行に検索テキストボックスと2ドロップダウンリストを表示します

  29. 29

    ドロップダウンリストの選択を使用して、2番目のドロップダウンリストの内容を入力します

ホットタグ

アーカイブ