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

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

javascript - list.js の発生したイベントからウィジェットを実行できない

イベント ハンドラー内でウィジェットを実行しようとしています。

何らかの理由で、ウィジェットはイベント ハンドラー関数内でトリガーされません。このイベントは List.js に属し、ウィジェットは paging.js に属します。

var userList = new List('users', options);

検索が完了すると、$('#testTable').paging({limit:5}); 行はアクティブになりますが、何らかの理由で実行されません。

JSFiddle の例:

http://jsfiddle.net/gxb16cen/

助けはありますか?

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

javascript - List.JS - 未定義のプロパティ 'childNodes' を読み取れません

私はこれを理解できないようです。私はすでに $(document).ready を試しましたが、まだうまくいきません。また、これら 2 つの値の名前専用の for ループを作成して、結果を var に保存し、その方法で渡すことも試みました。また、親divの内側と外側に検索を使用して、クラスとIDを入力に入れてみました。基本的に、ナビゲーションバーでそれを好きです。ところでlist.jsとknockout.jsを使用しています。foursquares api を使用して ajax リクエストを使用して会場を取得しています。

JS:

HTML:

0 投票する
5 に答える
34366 参照

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 コード

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

javascript - List.js を使用したクラスまたはデータ属性を使用したフィルタリング

次のような HTML リストがあるとします。

List.jsdata-catを使用して属性の内容に基づいてフィルタリングすることは可能ですか?

data私が見たすべての例では、表示されている HTML コンテンツに基づいた検索/フィルタリングのみが許可されていますが、要素のコンテンツに基づいてフィルタリングしたいと思いますclass。しかし、これを行う方法がわかりません。

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

javascript - jsマルチフィルターをすべてリストする

マルチフィルターでリストJSを使用しています。

このリンクを参照用に使用しています http://codepen.io/waynehoover/pen/KBqhF

この機能を回避しようとしています

ただし、「ALL」フィルターを追加するにはどうすればよいですか。たとえば、日付で「ALL」を選択すると、名前のみがフィルター処理され、その逆も同様です

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

javascript - javascriptとlist.jsを使用して、結果が見つからないときに検索で「結果が見つかりません」と表示する方法

ユーザーがリストにないものを検索した後に NO RESULT FOUND を表示するにはどうすればよいですか。list.jsを使用していますが、その実装方法がわかりません。

コードのどこかに JavaScript コードを追加して、テーブル リストが空のときに監視し、list.js またはより良い代替手段を使用して検索したときに結果が見つからないことを表示する方法はありますか?

ユーザーが探しているものがそこにないことをユーザーに伝える方法が必要です。

0 投票する
0 に答える
115 参照

jquery-ui - list.js の fuzzySearch プラグインを使用して項目を無視できますか?

私はここの指示に従っています http://www.listjs.com/docs/plugins/fuzzysearchそしてそれを機能させることができました。

私の問題は次のとおりです。2 つの並べ替え可能な列があります。検索が左の列のみに影響し、右の列の項目は無視されるようにします。

例: 初期ロードでは、すべての項目が左側の列にあります。アイテムを右の列にドラッグします。fuzzySearch を使用すると、右側の列の項目が含まれ、左側の列に吐き出されます。

補足: ソート可能な部分に JQuery UI を使用しているだけです。

0 投票する
0 に答える
252 参照

javascript - フィルター後の最後のページの Listjs Make ボタン

list.js 質問:

div を作成して、クリックすると、フィルターを実行した後、ページネーションの最後のページが表示されるようにするにはどうすればよいですか。

私はリストを持っています

そして、このリストが 20 ページあるとします。フィルターを適用した後:

現在5ページあります。クリックすると最後のページに移動するボタンが必要です。

現在、これを使用して、フィルター処理されていないリストの最後のページにアクセスできます。

しかし、リストをフィルタリングしてクリックすると、5 ページではなく 20 ページに移動しようとします。フィルタリングされたリストの最後のページに移動するにはどうすればよいですか? (5ページ)

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

angularjs - list.jsの並べ替えとビューの変更がangularで機能しない

angular スコープにアーティスト情報があり、ng-repeat を使用して繰り返し、テンプレート内のすべてのアーティスト情報を一覧表示しました。list.jsを使用して (名前、タイトル、ラベル、ビュー) データを並べ替えようとしています。bowerを使用してlist.jsをインストールし、htmlテンプレートにソースを記載しました<script src="/static/vendors/list.js/dist/list.min.js"></script>.

私はまさにこのコードペンを複製しようとしていますが、角度があります。

角度ソートについて知っています!

問題: 並べ替えとビューの変更が機能しないようです

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

angularjs - list.js の並べ替えが機能しない

list.jsを使用して (名前、タイトル、ラベル、ビュー) データを並べ替えようとしています。bowerを使用してlist.jsをインストールし、htmlテンプレートにソースを記載しました<script src="/static/vendors/list.js/dist/list.min.js"></script>.

私はまさにこのコードペンを複製しようとしていますが、角度があります。

注:角度の並べ替えについては認識しています!

問題: 並べ替えとビューの変更が機能しないようです