从下拉列表和过滤表中获取日期ajax [关闭](took date from dropdownlist and filter table by ajax [closed])
伙计们对ajax有一点问题。我在视图上有两个动作
<body> @Html.Action("SetSearchFilter") @Html.Action("FillTable") </body>First Action是DropDownList
@Html.LabelFor(m => m.Manager, new { @class = "control-label" }) @Html.DropDownList("SearchingManagerId", new SelectList(Model.Managers, "UserId", "PrettyFullName", Model.SelectedValueManager), string.Empty, new { style = "width: 200px" })第二个是由表格形成的
public PartialViewResult FillTable(int year, int? ManagerId) { int currentUserId = (int)Session["CurrentUserId"]; return PartialView("_QualificationTable", planService.GetQualificationViewModel(year.ToString(), currentUserId,ManagerId)); }我如何通过ajax过滤,从dropdownlist获取数据并将其带到表中?我想我应该使用像这样的smth
$("#DropDownListId").on("change", function () { var valueForSearch = //How i can get?; $.ajax({ url: '@Url.Action("FillQualificationTable")', dataType: 'html', async: false, data: { year: currentYear, ManagerId: valueForSearch }, beforeSend: showSpinner, success: function (data) { $('#tableid').html(data); }, complete: hideSpinner, });我第一次使用ajax,所以有一些问题=(DDList中的值看起来像这样
<select id="SearchingManagerId" name="SearchingManagerId" style="width: 200px"><option value=""></option> <option value="1">user1</option> <option value="5">user2</option> </select>Guys have a little problem with ajax.I have 2 actions on view
<body> @Html.Action("SetSearchFilter") @Html.Action("FillTable") </body>First Action is a DropDownList
@Html.LabelFor(m => m.Manager, new { @class = "control-label" }) @Html.DropDownList("SearchingManagerId", new SelectList(Model.Managers, "UserId", "PrettyFullName", Model.SelectedValueManager), string.Empty, new { style = "width: 200px" })Second is a Table formed by
public PartialViewResult FillTable(int year, int? ManagerId) { int currentUserId = (int)Session["CurrentUserId"]; return PartialView("_QualificationTable", planService.GetQualificationViewModel(year.ToString(), currentUserId,ManagerId)); }How i can filtering by ajax,get data from dropdownlist and took it to table?I think i should use smth like this
$("#DropDownListId").on("change", function () { var valueForSearch = //How i can get?; $.ajax({ url: '@Url.Action("FillQualificationTable")', dataType: 'html', async: false, data: { year: currentYear, ManagerId: valueForSearch }, beforeSend: showSpinner, success: function (data) { $('#tableid').html(data); }, complete: hideSpinner, });I working with ajax first time,so have some problems =( values in DDList looks like this
<select id="SearchingManagerId" name="SearchingManagerId" style="width: 200px"><option value=""></option> <option value="1">user1</option> <option value="5">user2</option> </select>最满意答案
使用jquery“this”
$("#DropDownListId").on("change", function () { var valueForSearch = $(this).val(); $.ajax({ url: '@Url.Action("FillQualificationTable")', dataType: 'html', async: false, data: { year: currentYear, ManagerId: valueForSearch }, beforeSend: showSpinner, success: function (data) { $('#tableid').html(data); }, complete: hideSpinner, });看看例子
Use jquery "this"
$("#DropDownListId").on("change", function () { var valueForSearch = $(this).val(); $.ajax({ url: '@Url.Action("FillQualificationTable")', dataType: 'html', async: false, data: { year: currentYear, ManagerId: valueForSearch }, beforeSend: showSpinner, success: function (data) { $('#tableid').html(data); }, complete: hideSpinner, });Look example
更多推荐
发布评论