|
...
<div class="container">
<ejs-grid id="Grid" allowPaging="true" toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Update", "Cancel" })" allowFiltering="true" detailDataBound="detailDataBound" detailTemplate="#detailtemplate">
<e-datamanager url="/Home/UrlDatasource" adaptor="UrlAdaptor" crossdomain="true"></e-datamanager>
<e-grid-pagesettings pageSize="7"> </e-grid-pagesettings>
<e-grid-editSettings allowAdding="true" allowDeleting="true" allowEditing="true" mode="Dialog"></e-grid-editSettings>
<e-grid-filterSettings type="Menu"></e-grid-filterSettings>
<e-grid-columns>
<e-grid-column field="OrderID" headerText="Order ID" isPrimaryKey="true" textAlign="Right" width="100"></e-grid-column>
<e-grid-column field="CustomerID" headerText="Customer ID" width="120"></e-grid-column>
<e-grid-column field="EmployeeID" headerText="Employee ID" width="120"></e-grid-column>
<e-grid-column headerText="Template Column" template="#template" textAlign="Center" width="150"></e-grid-column>
</e-grid-columns>
</ejs-grid>
</div>
<script id="template" type="text/x-template">
<div>
temp column
</div>
</script>
<script type="text/x-template" id="detailtemplate">
<div>
<div class="detail-tab"></div>
</div>
<div style="display:none">
...
</div>
</script>
<script>
function detailDataBound(e) {
...
</script> |
|
...
namespace TestSample.Controllers
{
public class HomeController : Controller
{
public IActionResult Index()
{
...
}
public IActionResult UrlDatasource([FromBody]Data dm)
{
//bind your data here
var order = OrdersDetails.GetAllRecords();
var Data = order.ToList();
int count = order.Count();
return dm.requiresCounts ? Json(new { result = Data.Skip(dm.skip).Take(dm.take), count = count }) : Json(Data);
}
public ActionResult Update([FromBody]CRUDModel<OrdersDetails> value)
{
...
}
...
...
} |
| |
| |