public class HomeController : Controller
{
public ActionResult Index()
{
ViewBag.Message = "Modify this template to jump-start your ASP.NET MVC application.";
return View();
}
public ActionResult A()
{
var myData = new List<data>();
myData.Add(new data(1, "A", 12));
myData.Add(new data(2, "B", 13));
myData.Add(new data(3, "C", 123));
myData.Add(new data(4, "D", 12));
myData.Add(new data(5, "E", 132));
myData.Add(new data(6, "F", 122));
myData.Add(new data(7, "G", 132));
myData.Add(new data(8, "H", 132));
myData.Add(new data(9, "I", 122));
return Json(myData, JsonRequestBehavior.AllowGet);
}
}
این داده واسمه من از این کلاس درست شدن.
namespace test.Models
{
public class data
{
public int Id { get; set; }
public string Name { get; set; }
public float Price { get; set; }
public data(int id, string name, float price)
{
Id = id;
Name = name;
Price = price;
}
}
}
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap-theme.min.css">
<link href="~/Content/bootstrap-table.css" rel="stylesheet" />
<!-- Latest compiled and minified JavaScript -->
<table data-toggle="table" data-url="@Url.Action("A","Home")" data-cache="false" data-height="299">
<thead>
<tr>
<th data-field="Id">Item ID</th>
<th data-field="Name">Item Name</th>
<th data-field="Price">Item Price</th>
</tr>
</thead>
</table>
@section scripts{
<script src="~/Scripts/jquery-2.1.3.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<script src="~/Scripts/bootstrap-table.js"></script>
}