jquery-mobile - jQueryMobileとPhonegapを使用した動的リストの管理

Question

データベースから表示するリストがあります。リスト内の各アイテムはIDに関連付けられています。リスト内の各アイテムのIDを追跡するための最良の方法を知りたいです。そのため、アイテムをクリックすると、IDを使用してデータベース内のアイテムの他の属性にマップできます。

Answer 1

「最善の方法」についてはわかりませんが、これを行う方法の 1 つは、id をアンカー タグに埋め込み、クライアント側のルーティング ソリューションを使用してそれを操作することです ( jQuery モバイル ルーターを確認してください)。

または、リスト内の各項目の参照を js オブジェクトに保持し、オブジェクトに ID を保持することもできます。これを行う最も簡単な方法は、おそらくbackbone.jsのようなある種の javascript mvc タイプ フレームワークを使用することです。このフレームワーク では、各アイテムを表すモデルのコレクションと、DOM 内の特定の要素に接続された各アイテムのビューがあります (あなたの場合はli）、その要素のイベントに応答するように配線できます（たとえば、アイテムをクリックすると、アイテムビューがそのクリックイベントに応答し、それに応じて動作します）。

編集：

個人的には backbone.js を使用して独自のコードを構築しています。興味があれば、多くのチュートリアルを見つけることができるはずです。とにかく、リスト内の各項目への参照を維持するために backbone.js を使用するという基本的な考え方を備えたjsfiddleがあります。もちろん、バニラ JavaScript でもこれを行うことができます。