I have a create page and show button that ajax calls Grid page. In Grid page I have a Jquery code to fill Grid selection in textboxes which works fine individually but in create page it doesn't work. Any help here ?
What I have tried:
@*AJAX CODE IN CREATE PAGE*@
$(document).ready(function() {
$("#btnShow").click(function () {
$.ajax({
url: '@Url.Action("Grid","bankinfoes")',
type: 'get',
success: function (vHtml) {
$("#dvShow").html("");
$("#dvShow").html(vHtml);
}
});
});
});
-----------------------------------------------
Grid Page
$(function() {
$('#webgrid1').find('tr').on('click', function() {
$("#Id").val($(this).children("td:eq(0)").html());
$("#bankname").val($(this).children("td:eq(1)").html());
$("#accountholdername").val($(this).children("td:eq(2)").html());
$("#address").val($(this).children("td:eq(3)").html());
$("#area").val($(this).children("td:eq(4)").html());
});
});
@{
ViewBag.Title = "Bind Gridview with Database";
WebGrid grid = new WebGrid(Model);
}
<h2>Bind GridView in MVC5 with Database</h2>
@grid.GetHtml(tableStyle: "webgrid",
htmlAttributes: new { id = "webgrid1" },
headerStyle: "header",
alternatingRowStyle: "alt",
columns: grid.Columns
(
grid.Column("Id", "Id", canSort: true),
grid.Column("bankname", "bankname", canSort: false),
grid.Column("accountholdername", "accountholdername", canSort: false),
grid.Column("address", "address", canSort: false),
grid.Column("area", "area")
)
)
<table><tbody><tr> <td>Bankname</td> <td></td> </tr> <tr> <td>accountholdername</td> <td></td> </tr> <tr> <td>address</td> <td></td> </tr> <tr> <td>area</td> <td></td> </tr></tbody></table>