感谢以前的帮助。我会感激它;)用asp mvc部分视图和jquery过滤和显示数据
我一直在谷歌搜索回答这个问题,但我没有找到正确的答案呢。
我一直试图过滤我的结果(记录)通过使用下拉列表作为过滤器和在ASP MVC(在我的情况下)使用jQuery。
(Urutkan berdasarkan手段筛选依据,而且Terbaru意味着最新的。)
的下拉菜单,您可以按日期,流行,字母内容进行排序。 如何使用下拉式过滤jquery?
这里的观点:
<div class="col s12 m12 l12 hide-on-small-only hide-on-med-only" style="border-bottom: 2px solid #9e9e9e;">
<div class="col l9">
<span class="inline">
<span class="left-align grey-text text-darken-3 left" style="font-size: 1.7rem;">Artikel Medis</span>
<span class="right-align right" style="margin-top: 15px;">
<label class="black-text">Urutkan Berdasarkan:</label>
</span>
</span>
</div>
<div class="input-field col l3 right left-align select-web-news" style="margin-bottom: 0;">
@Html.DropDownList("FilterDropdown")
</div>
</div>
<div class="col s12 m12 l12 left">
<ul class="ul-news" id="target">
@foreach (var item in Model.ArticleClient)
{
@Html.Partial("~/Views/Shared/_News.cshtml", item)
}
</ul>
<div class="pager">
@Html.Pager(Model.ArticleClient.PageSize, Model.ArticleClient.PageNumber, Model.ArticleClient.TotalItemCount)
</div>
</div>
而jQuery的:
<script type="text/javascript">
$(document).ready(function() {
$("#FilterDropdown").change(function() {
var filterSelected = $("select option:selected").first().text();
$.get('@Url.Action("~/Views/Shared/_News.cshtml")', { id: newsFilter }, function (data) {
$("#target").html.data;
});
});
});
</script>
谁能帮助我解决并与jQuery或JavaScript排序呢?
免费使用小提琴。
如果在我的ASP MVC视图是不可理解的。让我们假装的看法是这样的:
<select>
<option value="0">Sort by Name</option>
<option value="1">Sort by Date</option>
<option value="2">Sort by Popular</option>
</select>
<ul class="listitems">
<li data-position="1">
<div class="name">Item 1</div>
<div class="date">11/01/2000</div>
<div class="popular">2</div>
</li>
<li data-position="2">
<div class="name">Item 2</div>
<div class="date">11/01/2001</div>
<div class="popular">3</div>
</li>
<li data-position="3">
<div class="name">Item 3</div>
<div class="date">11/01/2002</div>
<div class="popular">4</div>
</li>
<li data-position="4">
<div class="name">Item 4</div>
<div class="date">11/01/2003</div>
<div class="popular">5</div>
</li>
</ul>
伊亚,如果我的ASP MVC的代码是不恰当的,随时给我的建议;) 谢谢指导:)
那么你有什么问题。什么不起作用? –
我可以改变我的问题吗?我想使这个简单@StephenMuecke –
你可以编辑你的问题:)(你已经显示太多无关代码无论如何) –