User-1355965324 posted
When clicking the button of the partial view , how can I prevent the calling of [HttpPost] method in the controller, Please help me with suggested code and would be very appreciated
I have a saleshtml file, from there I am calling the partial view popup for searching and selecting the customer code to the sales.html file. It is working but after the selection and placing the customer code from the partial
view to the sales.html file, It is automatically calling HttpPost method of salescontroller and then all the given value in other cntrol of the sales.html will be disappeared. How can I resolve the removing of previously given
data, please any help would be very appreciated. After the selection of customer code , I am closing the partial view but immediatly it will go to httppost and the view would be recalled again . So All the values given in
the Sales view file would be gone except customer code. Please help
SALES CONTROLLER
public IActionResult sales(int DN = 0, int DPT = 0, int EID = 0, int MNO=0)
{
Salesmodel salesmodel = new Salesmodel();
ViewBag.UserDepots = EmployeeService.GetUserDepots(HttpContext.Session.GetInt32("UserID") ?? 0, connectionSettings);
ViewBag.UserDepartments = EmployeeService.GetUserDepartments(HttpContext.Session.GetInt32("UserID") ?? 0, connectionSettings);
return View(salesmodel);
}
[HttpPost]
public IActionResult sales(Salesmodel salesmodel)
{
return View(salesmodel);
}
public IActionResult SearchCustomer()
{
CustomerModel Customer = new CustomerModel();
ViewBag.Customers = EmployeeService.GetCameoCustomer(connectionSettings);
return PartialView("CustomerSearch");
}
Sales.cshtml
<div class="col-sm-3">
<select id="dropdownDepot" class="form-control" asp-for="DepotNo" asp-items="@ViewBag.UserDepots"
data-role="select" onchange="FillEmployeeDropdown()"></select>
<span asp-validation-for="DepotNo" class="text-danger"></span>
</div>
<label for="lblDepartment" class="control-label col-sm-1 ">Department</label>
<div class="col-sm-3">
<select id="dropdownDepartment" class="form-control" asp-for="DepartmentID" asp-items="@ViewBag.UserDepartments"
data-role="select" onchange="FillEmployeeDropdown()"></select>
<span asp-validation-for="DepartmentID"></span>
</div>
<div class="form-group">
<label for="lblCustomer" class="control-label col-sm-1">Customer</label>
<div class="col-sm-3">
<input type="text" class="form-control" asp-for="CustomerCode" id="lblCustomer">
<button type="button" class="btn btn-primary form-control" onclick="ShowCustomerSearch()">Search</button>
</div>
<div id="CustomerSearchModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<a href="#" class="close" data-dismiss="modal">×</a>
<h3 class="modal-title">Customer Search</h3>
</div>
<div class="modal-body" id="CustomerSearchDiv">
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
function ShowCustomerSearch() {
var url = "/Employee/SearchCustomer";
$("#CustomerSearchDiv").load(url, function () {
$("#CustomerSearchModal").modal("show");
})
}
</script>
CustomerSearch.cshtml
<table id="CustomerSearch" class="display" style="width:100%">
<thead>
<tr>
<th>Customer Code</th>
<th>Customer Name</th>
</tr>
</thead>
<tbody>
@foreach (CustomerModel customer in ViewBag.Customers as List<CustomerModel>)
{
<tr>
<td> @customer.CustomerCode</td>
<td> @customer.CustomerName</td>
</tr>
}
</tbody>
</table>
<script type="text/javascript">
$(document).ready(function () {
var table = $('#CustomerSearch').DataTable({
scrollY: "500px",
scrollX: true,
paging: true,
"lengthMenu": [[100, -1], [100, "All"]],
dom: 'Bfrtip',
select: true,
}
);
var table = $('#CustomerSearch').DataTable();
$('#CustomerSearch tbody').on('click', 'tr', function () {
if ($(this).hasClass('selected')) {
$(this).removeClass('selected');
}
else {
table.$('tr.selected').removeClass('selected');
$(this).addClass('selected');
}
});
$(".btn").on('click', function () {
var idx = table.cell('.selected', 0).index();
//var data = table.rows(idx.row).data();
var data = table.cell(idx, 0).data();
$('#txtCustomer').val(data); // Here placing the value from customersearch
$("#CustomerSearchModal").modal("hide");
$(".modal-backdrop").removeClass("in").addClass("out");
$(".modal-backdrop").fadeOut();
});
});
