jQueryのテンプレート - 既存の行をテーブル要素の内部テーブルの行を追加し、クリアする最初の

Question

私はこのようになりますテンプレートがあります。

<div id="PopUpTemplate" style="display: none"> 
    <tr><td>${Key}</td><td>${Value}</td></tr> 
</div> 

を、私はテーブルにそれを追加したい：

<div id="MessageBox"> 
    <table> 
    </table> 
</div> 

私は2問題を抱えている

$('#PopUpTemplate').tmpl(data).appendTo("#MessageBox table"); 


     $('#MessageBox').dialog({ 
      autoOpen: true, 
      modal: true, 
      closeOnEscape: true, 
      buttons: { 'Ok': function() { $(this).dialog("close"); } }, 
      position: 'center' 
     }); 

：

し、私はこのようにやっているポップアップ、としてそれを表示するには、jQueryのUIのダイアログを使用S：

最初はテンプレートが終了</table>タグの後に付加されますということです

第二は、私がこれを複数回呼び出すときに、私はテーブルに追加より多くのデータを得ることです。しかし、最初に既存の行をすべて消去してから新しいセットを追加したいのですが、

Answer 1

これはかなり新しくなりましたが、このfiddleを使いこなすと、間違ったテンプレートをしている可能性があります。あなたのページに保存されているテンプレートは、有効なhtmlではないので、ほとんどのブラウザで消去されます。chromeの場合、tr/tdタグは削除され、テンプレートは1つのdivになります。このdivは正しく挿入され、おそらくブラウザで整理され、テーブルの後ろに置かれます（そうでないため、行として挿入するのは意味がありません）。あなたのテンプレートは、あなたは、単にあなたの#MessageBox tableセレクタが任意の現在の行を交換する代わりにappendToを使用して.htmlを使用することができ、テンプレートとして働いて得れば、現在の行を置き換えるためとして

。

すべてのことは、より多くの文脈を見ることなく、私は完全にこれがあなたの質問に答えていることは確かではありません。たぶん何が起きているかを見ることができるように、おそらくフィドルを作成してください。

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.