jQueryMobile listView add/delete row

jQueryMobile是個很好用的mobile web framework,尤其在做prototype更是方便!ListView是Mobile上相當常用的呈現方式,當然必須常常來做些增減內容,以下說明增加的方式:

關鍵就是下面這行
$('#listView').append(output).listview('refresh');

output就直接把字串組合進去即可,例如使用ul、il的架構來說:
<li><h3>title</h3></li>


如果有需要刪除某一行可以使用下面這方式(感覺有點笨,不過目前還找不到更好的方式,有人有找到記得告訴我:))
$('#listView').empty().append(output).listview('refresh');


相關連結
jQuery Mobile - http://jquerymobile.com/
jQuery Mobile Demo - http://jquerymobile.com/demos/

沒有留言:

張貼留言