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>');