jQuery Mobile的GridView中动态创建

Question

我正在学习jQuery的mobile..I需要从JSON value..How我能做到这一点动态创建的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> 

但我不知道如何提高电网dynamically..help我..

Answer 1

那么朋友，我发现它。我们可以添加像下面..

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