2013-02-05 85 views
1

我創建了一個網格塊,其中包含使用「jquery-mobile」插件組成的按鈕。網格內的按鈕在運行時動態創建。在回電話後,舊值依然存在。我想在更新後使用新值刷新網格。更新後在Jquerymobile中刷新Gridview

這是代碼。

HTML:

<div id="chapter_div" data-role="page" data-content-theme="a"> 
    <div data-role="header"> 
    <h1>Chapter Chooser</h1> 
    </div> 
    <div data-role="content" class="ui-grid-d" id="show_chapter_number"> 
    </div>     
</div> 

使用Javascript/jQuery代碼:

function showChapter(book_id) { 

      var chapter_count=" "; 
      var menu = " "; 

      var html = " "; 
      var row_count = 1; 
      var row_block_id = 'a'; 

      chapter_count = getChapterCount(book_id); 

      for (itr = 1; itr <= chapter_count; itr++) { 

      switch(row_count) { 
        case 1: 
        row_block_id = 'a'; 
        row_count++; 
        break; 
        case 2: 
        row_block_id = 'b'; 
        row_count++; 
        break; 
        case 3: 
        row_block_id = 'c'; 
        row_count++; 
        break; 
        case 4: 
        row_block_id = 'd'; 
        row_count++; 
        break; 
        case 5: 
        row_block_id = 'e'; 
        row_count=1; 
        break; 

       } 

       html += "<div class=\"ui-block-"+row_block_id+"\"><button onclick=\"javascript:showVerse(" + book_id + ",\'" + itr + "\');\" class=\"ui-bar ui-bar-c\" style=\"width:70px\">" + itr + "</button></div>"; 

      }    

      var grid_chapter = $('#show_chapter_number'); 

      grid_chapter.append(html); 

      $.mobile.changePage("#chapter_div", {transition: 'pop', role: 'dialog'});    

      **grid_chapter.content("refresh");** 

     } 

我應該怎麼做才能刷新網格或回傳後的內容的項目?

我應該如何更改這一行代碼:grid_chapter.content("refresh");以使其正常工作?

謝謝。

回答

1

嘗試trigger("create")方法:

grid_chapter.append(html).trigger("create"); 
+0

太感謝你了Peterm ..它的工作完美:) – Karthi

+0

請你投了我的問題,這樣我就可以得到足夠的聲譽投了你的答案。 – Karthi

+0

謝謝Mr.Peterm。你很熱心。 – Karthi