データを返すWebサービスがありますが、かなり大きなセットは600行、20列になります。 このデータをJQueryコードのhtmlテーブルにロードする最も効率的な方法は何ですか?大きなデータをjqueryにロードする
返されたデータをループしてテーブルhtmlを作成しようとしましたが、文字列の中にテーブルDOMを作成しようとしましたが、ループ部分が非常に遅いです。あなたは、Webサービスを変更したり、別のサービスコールを持っている....
おかげ
データを返すWebサービスがありますが、かなり大きなセットは600行、20列になります。 このデータをJQueryコードのhtmlテーブルにロードする最も効率的な方法は何ですか?大きなデータをjqueryにロードする
返されたデータをループしてテーブルhtmlを作成しようとしましたが、文字列の中にテーブルDOMを作成しようとしましたが、ループ部分が非常に遅いです。あなたは、Webサービスを変更したり、別のサービスコールを持っている....
おかげ
これは設計事項であると思われます。一度に600 x 20のデータ項目を読み込むことは良い考えではありません。ポケットPCやTC(シンクライアント)のようなシステムリソースの少ないクライアントは、そのようなページを訪れるのに苦労するだろうと考えてください。
Webserviceデータをキャッシュし、ユーザーアクションに基づいてクライアントブラウザにチャンクでロードする必要があります。いくつかのAjaxコントロールを使用することができます。
ユーザーができるだけ早くデータとやり取りできるようにする場合は、無限スクロール(連続スクロールとも呼ばれます)パターンを考慮して、必要に応じてグリッドを作成しますユーザーをスクロールし、グリッドを最前面にレンダリングする時間を費やすことはありません。
いくつかのリンク:http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-an-infinite-scroll-web-gallery/
http://www.infinite-scroll.com/
私はあなたのJSONデシベル形式のデータ用で応答し、サーバー側のページを書くことができ... JSON DBは最高の役に立つかもしれないこれはどこだと思いますいくつかの行..あなたの自身のAjaxコードを行をロードし、<table>
と"overflow:auto;"
のようなディスプレイモデルのあなたの選択でそれらを処理し、そのテーブルに行を追加する..または '無限のスクロール' 。
処理されたデータを扱うことは良い考えですが、まだデータ量で処理する必要があります。ありがとう、例? – Xaqron