jquery에서 DustJS 변수를 계산하십시오.

Question

jQuery를 사용하여 DustJS 변수가 포함 된 HTML을 추가하고 싶습니다.

다음

$(document).on('ready', function(){ 
    $("tr").click(function(){ 
     $(this).after('<tr class="row-details">\ 
          <td></td>\ 
          <td colspan="4">\ 
          <table class="sortable draggable">\ 
           <thead>\ 
            <tr>\ 
             <th class="col-itemName">Item Name</th>\ 
             <th class="col-quantity">Quantity</th>\ 
             <th class="col-rate">Rate</th>\ 
             <th class="col-amount">Amount</th>\ 
            </tr>\ 
           </thead>\ 
           <tbody>\ 
            {#items}\ 
            <tr>\ 
             <td>{.item.itemName}</td>\ 
             <td>{.quantity}</td>\ 
             <td>{.rate}</td>\ 
             <td>{@math key="{.quantity}" method="multiply" operand="{.rate}"/}</td>\ 
            </tr>\ 
            {/items}\ 
           </tbody>\ 
          </table>\ 
          </td>\ 
         </tr>'); 
    }); 
    }); 

내 출력됩니다 : 여기에 내가 jQuery를에서 할 노력하고 무엇

가 어떻게 그 변수를 평가합니까 ???

Answer 1

$(document).on('ready', function() { 
    $("tr").click(function() { 
     var self = this, 
      templateData = {}; // some set of data you want to render in the template 

     dust.render(templateString, templateData, function (err, out) { 
       if (err && typeof console !== 'undefined' && console.error) { 
        console.error(err); 
       } 

       $(self).after(out); 
     }); 
    }); 

    var templateString = '<tr class="row-details">\ 
          <td></td>\ 
          <td colspan="4">\ 
          <table class="sortable draggable">\ 
           <thead>\ 
            <tr>\ 
             <th class="col-itemName">Item Name</th>\ 
             <th class="col-quantity">Quantity</th>\ 
             <th class="col-rate">Rate</th>\ 
             <th class="col-amount">Amount</th>\ 
            </tr>\ 
           </thead>\ 
           <tbody>\ 
            {#items}\ 
            <tr>\ 
             <td>{.item.itemName}</td>\ 
             <td>{.quantity}</td>\ 
             <td>{.rate}</td>\ 
             <td>{@math key="{.quantity}" method="multiply" operand="{.rate}"/}</td>\ 
            </tr>\ 
            {/items}\ 
           </tbody>\ 
          </table>\ 
          </td>\ 
         </tr>'; 
});