大家好,我正在过滤SelectList中的数据,当点击它时,数据在选择列表中从数据库加载。所以当我点击时,我得到了json格式,我的问题是正确地转换成html。这是我的控制器,它对应于过滤器
public JsonResult Filter(string category)
{
var model = from e in db.Errors
orderby e.Category
where e.Category == category || category == null || category == ""
select e;
return Json(model, "true",JsonRequestBehavior.AllowGet);
}
和视图
<div class="row">
<b class="text-success">Categories</b>
@Html.DropDownList("category", new SelectList(ViewBag.Category),new{@class="dropSearch"})
<b class="text-success">Titles:</b>
<select>
<option value="value">Select title</option>
</select>
<b class="text-success">Severities:</b>
<select>
<option value="value">Select severity</option>
</select>
<div class="inner-addon left-addon">
<i class="glyphicon glyphicon-search"></i>
<input id="styleInput" type="text" class="form-control" placeholder="Search" />
</div>
</div>
</div>
<div id="upEl" class="jumbotron">
<table class="table table-bordered">
<thead>
<tr>
<th>Timestamp</th>
<th>Category</th>
<th>Title</th>
<th>Message</th>
<th>Severity</th>
</tr>
</thead>
<tfoot>
@foreach (var item in Model)
{
<tr>
<td>@Html.DisplayFor(er=>item.Timestamp)</td>
<td>@Html.DisplayFor(er => item.Category)</td>
<td>@Html.DisplayFor(er => item.Title)</td>
<td>@Html.DisplayFor(er => item.Message)</td>
<td>@Html.DisplayFor(er => item.Severity)</td>
</tr>
}
</tfoot>
</table>
</div>
这是我的javascript
$('.dropSearch').change(function() {
var url = '@Url.Action("Filter","Errors")';
$.get(url, { category: $(this).val() }, function(result) {
$('.table').html(result);
});
});
发布于 2014-07-28 20:46:23
为了做你想做的事情,有几个选项
1)按照@Satpal的建议创建一个局部视图,并让它返回表的超文本标记语言,然后以您所做的方式用jQuery获取它(而不是返回JSON)
2)返回过滤后的JSON (就像您已经做的那样),并在成功函数中遍历它,以便动态地构建替换html,并将其放入表中
选项1)将传输更多的数据,但更容易编写(因为您已经使用MVC视图重新构建表)选项2)只通过网络发送JSON,因此将更轻,但将需要您动态构建HTML。
https://stackoverflow.com/questions/24995430
复制相似问题