Jquery移动gridview动态创建

时间:2014-02-07 11:10:21

标签: jquery-mobile

我正在学习jquery mobile ..我需要从json值动态创建gridview ..我怎么能这样做..

到现在为止我试过..

这是我的gridview

 <div class="ui-grid-a" id="category_grid">
            <div id="category_gridrow" class="ui-block-b"><p>This is block A</p></div>              
 </div>

我的脚本数据......

 <script >

var data = { "Products":[
        {
            "itemname":"Camera",
            "submenu": [{
                "itemname":"cannon",
            },{
                "itemname":"Kodak",
            },{
                "itemname":"Sony",
            }]
        },

        {
            "itemname":"Lighting",
        },

        {
            "itemname":"Backdrop",
             "submenu": [{
                "itemname":"Blue",
            },{
                "itemname":"Black",
            }]
        }
]}  

var cat='';


 for (var i in data.Products)
  {          
            cat  ="<p>"+ data.Products[i].itemname + "</p>";        
           $("#category_gridrow").html(cat);         
 }
</script>

但我不知道如何动态增加网格......帮我解决..

1 个答案:

答案 0 :(得分:0)

好朋友我找到了..我们可以添加如下..

$('#category_grid').append('<div id="category_gridrow" class="ui-block-b">'+cat+'</div></div>');