I need to refresh my partial view in my MVC razor type with parameter from my DropDownList. The problem is that, it doens't refresh the table from my partial view at all. But it can capture the parameter. Technically, I just want to do a filtering from my table.
Here's my script:
- $("#toTech").change(function () {
- $.ajax({
- type: "GET",
- url: "/joballocation/TableData",
- data: { Tech: $(this).val() }
- });
- });
- $("#toTech").change(function () {
- $.ajax({
- type: "GET",
- url: "/joballocation/TableData",
- data: { Tech: $(this).val() }
- }).success(function () {
- $("#theTable").load("/joballocation/TableData");
- });
- });
Here's my controller:
- private string tech;
- [HttpGet]
- public ActionResult TableData(string Tech)
- {
- dynamic model = new ExpandoObject();
- if (ModelState.IsValid)
- {
- if (Tech == "") { Tech = "NULL"; }
- tech = Tech.Replace(" ", String.Empty);
- model.MyJob = GetMyJobs();
- model.TJob = RemoveMyJobs(tech);
- }
- return PartialView("_joballocation", model);
- }
My view:
- <div class="row">
- <div class="col-sm-4">
- <table class="table table-striped table-hover table-condensed" id="myJobTable">
- <thead class="thead-dark">
- <tr>
- <th scope="col">#th>
- <th scope="col">th>
- <th scope="col">Dateth>
- <th scope="col">SO Noth>
- <th scope="col">Serialth>
- <th scope="col">Statusth>
- <th scope="col">Technicianth>
- tr>
- thead>
- @{
- var count = 1;
- foreach (MyJobAllocation tJob in Model.MyJob)
- {
- <tr>
- <td>@tJob.rowtd>
- <td>
- <input type="checkbox" id="chk@(count)" />
- td>
- <td>@tJob.datetd>
- <td>@tJob.so_notd>
- <td>@tJob.serialtd>
- <td>@tJob.statustd>
- <td>@tJob.techniciantd>
- tr>
- count += 1;
- }
- }
- table>
- div>
- <div class="col-sm-1">
- <input type="button" value=">" onclick="asign_to()" />
- div>
- <div class="w-100">div>
- <div class="col-sm-1">
- <input type="button" value="<" />
- div>
- <div class="col-sm-4">
- <table class="table table-striped table-hover table-condensed" id="ToJobTable">
- <thead class="thead-dark">
- <tr>
- <th scope="col">#th>
- <th scope="col">th>
- <th scope="col">Dateth>
- <th scope="col">SO Noth>
- <th scope="col">Serialth>
- <th scope="col">Statusth>
- <th scope="col">Technicianth>
- tr>
- thead>
- @{
- count = 1;
- foreach (ToJobAllocation myJob in Model.TJob)
- {
- <tr>
- <td>@myJob.rowtd>
- <td>
- <input type="checkbox" id="chk@(count)" />
- td>
- <td>@myJob.datetd>
- <td>@myJob.so_notd>
- <td>@myJob.serialtd>
- <td>@myJob.statustd>
- <td>@myJob.techniciantd>
- tr>
- count += 1;
- }
- }
- table>
- div>
- div>
Replies
Know the answer? Post it — somebody with the same question will find it here.