欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery datatable mvc

錢斌斌2年前7瀏覽0評論

jQuery DataTable MVC是一個基于jQuery的表格插件,它可以在MVC環境下進行快速的表格渲染。使用jQuery DataTable MVC,我們可以輕松地創建可交互、可排序、可過濾和可分頁的表格。

使用jQuery DataTable MVC需要在ASP.NET MVC項目中添加必要的包和引用,然后在HTML中進行配置和渲染。以下是一段示例代碼:

<table id="example" class="display">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
</table>
<script>
$(document).ready(function() {
$('#example').DataTable({
"ajax": "/data.json"
});
});
</script>

以上代碼會通過ajax請求獲取“data.json”文件中的數據,并以表格形式呈現。在控制器中,我們需要創建一個返回json數據的方法:

public class HomeController : Controller
{
public ActionResult GetData()
{
List<Person> people = new List<Person>()
{
new Person() {ID=1, Name="John Smith", Position="Managing Director", Office="New York", Age=45, StartDate=new DateTime(2005, 7, 4), Salary=150000},
new Person() {ID=2, Name="Jane Doe" , Position="HR Manager", Office="London", Age=30, StartDate=new DateTime(2010, 1, 1), Salary=80000 },
new Person() {ID=3, Name="Tim Johnson", Position="Sales Executive", Office="Sydney", Age=35, StartDate=new DateTime(2008, 5, 20), Salary=120000 },
new Person() {ID=4, Name="Peter Lee", Position="Marketing Analyst", Office="Shanghai", Age=28, StartDate=new DateTime(2013, 3, 11), Salary=90000 }
};
return Json(new { data = people }, JsonRequestBehavior.AllowGet);
}
}
public class Person
{
public int ID { get; set; }
public string Name { get; set; }
public string Position { get; set; }
public string Office { get; set; }
public int Age { get; set; }
public DateTime StartDate { get; set; }
public int Salary { get; set; }
}

以上代碼中,我們創建了一個包含四個人員信息的Person列表,并通過Json方法將其返回給前端。在DataTable的配置參數中,我們通過“ajax”參數指定了獲取數據的地址。

除此之外,jQuery DataTable MVC還提供了豐富的配置、自定義和事件處理等功能,可以根據實際需求進行靈活的調整和擴展。