asp.net mvc - jquery limit adding partial view -
i think simple, not know why code not work.
i dynamically adding textboxes in view using partial view, want add restrictions number of rows added. below code not limit number of rows added.
kindly help, in advance.
@section scripts { @scripts.render("~/bundles/jquery") <script> $("#btnadd").on('click', function () { var counter = 0; if (counter > 5) { alert("limit exceeds"); return false; } else { $.ajax({ async: false, url: '/employee/add' }).success(function (partialview) { $('#add > tbody').append("<tr>" + partialview + "</tr>"); }); } counter++; }); function deleterow() { var par = $(this).parent().parent(); par.remove(); }; $("#add").on("click", ".btnremove", deleterow); </script> }
try giving variable global scope , if want decrease count when delete row can decrease counter 1 when delete it.
var counter = 0;//<-- give variable global scope $("#btnadd").on('click', function () { if (counter > 5) { alert("limit exceeds"); return false; } else { $.ajax({ async: false, url: '/employee/add' }).success(function (partialview) { $('#add > tbody').append("<tr>" + partialview + "</tr>"); }); } counter++; }); function deleterow() { var par = $(this).parent().parent(); par.remove(); //remove comment decrease counter 1 //counter--; }; $("#add").on("click", ".btnremove", deleterow);
Comments
Post a Comment