問題タブ [listjs]
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.
javascript - list.js の発生したイベントからウィジェットを実行できない
イベント ハンドラー内でウィジェットを実行しようとしています。
何らかの理由で、ウィジェットはイベント ハンドラー関数内でトリガーされません。このイベントは List.js に属し、ウィジェットは paging.js に属します。
var userList = new List('users', options);
検索が完了すると、$('#testTable').paging({limit:5});
行はアクティブになりますが、何らかの理由で実行されません。
JSFiddle の例:
助けはありますか?
javascript - List.JS - 未定義のプロパティ 'childNodes' を読み取れません
私はこれを理解できないようです。私はすでに $(document).ready を試しましたが、まだうまくいきません。また、これら 2 つの値の名前専用の for ループを作成して、結果を var に保存し、その方法で渡すことも試みました。また、親divの内側と外側に検索を使用して、クラスとIDを入力に入れてみました。基本的に、ナビゲーションバーでそれを好きです。ところでlist.jsとknockout.jsを使用しています。foursquares api を使用して ajax リクエストを使用して会場を取得しています。
JS:
HTML:
javascript - list.jsページネーションで数字の代わりに「次へ」と「前へ」ボタンを使用するには?
多くの行を持つテーブルがあります。したがって、list.js
(ページネーション)を使用することにしました。ただし、数字をページとして使用するのではなく、個別にスタイルを設定できる (またはジョブにブートストラップする) ボタンが必要next
ですprevious
。
これはライブラリで可能ですか (ドキュメントで役立つものは何も見つかりませんでした)、それとも何か他のものを使用する必要がありますか?
ロールからの解決策を試しました。というエラーが表示されますCannot read property 'childNodes' of undefined
。を追加すると、このエラーは消えます<ul class="pagination"></ul>
。ただし、リストの show メソッドにアクセスしようとすると、再びエラーが発生します。Cannot read property 'show' of undefined
新しい JS コード
HTML コード
javascript - List.js を使用したクラスまたはデータ属性を使用したフィルタリング
次のような HTML リストがあるとします。
List.jsdata-cat
を使用して属性の内容に基づいてフィルタリングすることは可能ですか?
data
私が見たすべての例では、表示されている HTML コンテンツに基づいた検索/フィルタリングのみが許可されていますが、要素のコンテンツに基づいてフィルタリングしたいと思いますclass
。しかし、これを行う方法がわかりません。
javascript - jsマルチフィルターをすべてリストする
マルチフィルターでリストJSを使用しています。
このリンクを参照用に使用しています http://codepen.io/waynehoover/pen/KBqhF
この機能を回避しようとしています
ただし、「ALL」フィルターを追加するにはどうすればよいですか。たとえば、日付で「ALL」を選択すると、名前のみがフィルター処理され、その逆も同様です
javascript - javascriptとlist.jsを使用して、結果が見つからないときに検索で「結果が見つかりません」と表示する方法
ユーザーがリストにないものを検索した後に NO RESULT FOUND を表示するにはどうすればよいですか。list.jsを使用していますが、その実装方法がわかりません。
コードのどこかに JavaScript コードを追加して、テーブル リストが空のときに監視し、list.js またはより良い代替手段を使用して検索したときに結果が見つからないことを表示する方法はありますか?
ユーザーが探しているものがそこにないことをユーザーに伝える方法が必要です。
jquery-ui - list.js の fuzzySearch プラグインを使用して項目を無視できますか?
私はここの指示に従っています http://www.listjs.com/docs/plugins/fuzzysearchそしてそれを機能させることができました。
私の問題は次のとおりです。2 つの並べ替え可能な列があります。検索が左の列のみに影響し、右の列の項目は無視されるようにします。
例: 初期ロードでは、すべての項目が左側の列にあります。アイテムを右の列にドラッグします。fuzzySearch を使用すると、右側の列の項目が含まれ、左側の列に吐き出されます。
補足: ソート可能な部分に JQuery UI を使用しているだけです。
javascript - フィルター後の最後のページの Listjs Make ボタン
list.js 質問:
div を作成して、クリックすると、フィルターを実行した後、ページネーションの最後のページが表示されるようにするにはどうすればよいですか。
私はリストを持っています
そして、このリストが 20 ページあるとします。フィルターを適用した後:
現在5ページあります。クリックすると最後のページに移動するボタンが必要です。
現在、これを使用して、フィルター処理されていないリストの最後のページにアクセスできます。
しかし、リストをフィルタリングしてクリックすると、5 ページではなく 20 ページに移動しようとします。フィルタリングされたリストの最後のページに移動するにはどうすればよいですか? (5ページ)
angularjs - list.jsの並べ替えとビューの変更がangularで機能しない
angular スコープにアーティスト情報があり、ng-repeat を使用して繰り返し、テンプレート内のすべてのアーティスト情報を一覧表示しました。list.jsを使用して (名前、タイトル、ラベル、ビュー) データを並べ替えようとしています。bowerを使用してlist.jsをインストールし、htmlテンプレートにソースを記載しました<script src="/static/vendors/list.js/dist/list.min.js"></script>.
私はまさにこのコードペンを複製しようとしていますが、角度があります。
角度ソートについて知っています!
問題: 並べ替えとビューの変更が機能しないようです