Praveen Kumar

Praveen Kumar

  • 1.7k
  • 218
  • 3.9k

Cannot read property 'replace' of undefined

Jul 8 2020 5:13 AM
  1. function Addcategory() {  
  2. // Get the index number  
  3. var indexNo = $("#category-table > tr").length;  
  4. // Get the template row  
  5. var newRow = $("#category-table > tr:eq(0)").clone().prop('outerHTML');  
  6. // Reset the indexes on the template  
  7. newRow = newRow.replace(/_0_/g, "_" + indexNo + "_");  
  8. newRow = newRow.replace(/\[0\]/g, "[" + indexNo + "]");  
  9. // reset devextreme datepicker ids  
  10. newRow = newRow.replace(/devextreme0/g, "devextreme" + parseInt(2 * indexNo));  
  11. newRow = newRow.replace(/devextreme1/g, "devextreme" + parseInt(1 + 2 * indexNo));  
  12. // Append the row to the child table  
  13. $("#category-table").append(newRow);  
  14. // Make it visible  
  15. $("#category-table > tr:eq(" + indexNo + ")").removeClass("hidden");  
  16. $("#category-table > tr:eq(" + indexNo + ") > td:eq(8) > input").val("ADD");  
  17. $("#category-table > tr:eq(" + indexNo + ") > td:eq(0) > input").val("");  
  18. $("#category-table > tr:eq(" + indexNo + ") > td:eq(4) > select").next().remove();  
  19. }  
 
  1. <div class="card">  
  2. <div class="card-header">  
  3. <div class="row">  
  4. <div class="col">  
  5. <h3 class="card-title">Categories</h3>  
  6. </div>  
  7. <div class="col text-right">  
  8. <button title="Add tax category" id="add-category" class="btn btn-default btn-sm" type="button" onclick="Addcategory()"><i class="fa fa-plus"></i></button>  
  9. </div>  
  10. </div>  
  11. </div>  
  12. <div class="card-body">  
  13. <div id="categorieErrorMsg">  
  14. @Html.ValidationMessageFor(model => model.Categories, ""new { @class = "text-danger" })  
  15. </div>  
  16. <div id="category-values">  
  17. <table class="table table-condensed" id="category-table">  
  18. <thead>  
  19. <tr>  
  20. <th>@Html.DisplayNameFor(model => model.Categories.First().Name)</th>  
  21. <th>@Html.DisplayNameFor(model => model.Categories.First().InvoiceLabel)</th>  
  22. <th>@Html.DisplayNameFor(model => model.Categories.First().TaxRate)</th>  
  23. <th>@Html.DisplayNameFor(model => model.Categories.First().TaxCode)</th>  
  24. <th>@Html.DisplayNameFor(model => model.Categories.First().Attribute)</th>  
  25. <th>Valid value</th>  
  26. <th>@Html.DisplayNameFor(model => model.Categories.First().StartDate)</th>  
  27. <th>@Html.DisplayNameFor(model => model.Categories.First().EndDate)</th>  
  28. <th></th>  
  29. </tr>  
  30. </thead>  
  31. <tbody id="category-table">  
  32. @Html.EditorFor(model => model.Categories, new { htmlAttributes = new { @class = "form-control" } })  
  33. </tbody>  
  34. </table>  
  35. </div>  
  36. </div>  
  37. </div>  

Brought to you by:

Answers (6)