2

以下に示すように、Ulとフィルターを備えた単純なHTML5アプリを構築しています。

<ul id="ItemsList" data-role="listview" data-inset="true" data-filter="true" >

このULは、divのページショーで実行されるJavascriptメソッドから動的に入力されます。データセットが大きいため、このリストをフィルタリングできるようにしたいのですが、同時にフィルタリングオプションを維持します。

そのような質問や以前の質問の例を見つけることができないようです。誰かがこれに取り組む良い方法を知っていますか？

4

2 に答える 2

0

Ajax ソリューションをお探しですか、それともリスト項目はすべて DOM にロードされていますか? Ajax ソリューションについては、http://listomatic.stakbit.com/を試すことができます。これは、ページネーションのためにタップ/クリックするたびに Ajax 呼び出しを行い、検索フィールドを有効にして動作します - 入力した検索文字列に対して Ajax 呼び出しを行います。私はこのプラグインの開発者です。

于 2013-03-27T01:56:00.460 に答える
-1

良い解決策が見つからなかったため、jqueryプラグインを作成することができました。今日完成したばかりで、無料のアドインとしてアップロードするには数日かかります。今のところは akhilesh.gandhi@gmail.com までご連絡ください。解決策はこちら

$.fn.scrollPagination.loadContent = function(obj, opts){
     var target = opts.scrollTarget;
     var mayLoadContent = $(target).scrollTop()+opts.heightOffset >= $(document).height() - $(target).height();
     if (mayLoadContent && (page <= noofpage)){
         if (opts.beforeLoad != null){
            opts.beforeLoad(); 
         }
         $(obj).children().attr('rel', 'loaded');
         var pageurl = opts.contentPage + "?q=" + opts.query + "&take=" + opts.take + "&skip=" + opts.skip + "&page=" + page + "&pagesize=" + opts.pagesize
         $.ajax({
              type: 'Get',
              url: pageurl,
              data: opts.contentData,
              success: function (data) {
                  noofpage = data[0].Count / opts.pagesize;
                  page = page + 1;
                $(obj).append(data); 
                var objectsRendered = $(obj).children('[rel!=loaded]');

                if (opts.afterLoad != null){
                    opts.afterLoad(data);
                }
              },
              dataType: 'json'
         });
     }

  };
于 2013-04-17T17:22:50.777 に答える