BoldSignEasily embed eSignatures in your .NET applications. Free sandbox with native SDK available.
<input type="button" value="getFilteredRecords" id="getFilterrecords" />
@(Html.EJ().Grid<object>("FlatGrid")
.Datasource((IEnumerable<object>)ViewBag.datasource)
.AllowPaging()
.AllowFiltering()
.PageSettings(page => page.PageSize(7))
.Columns(col =>
{
col.Field("EmployeeID").HeaderText("Template Column").Template("#columnTemplate").Width(100).Add();
. . .
})
)
<script type="text/x-jsrender" id="columnTemplate">
{{if EmployeeID > 4}}
<span class="label label-warning">{{:EmployeeID}}</span>
{{else}}
<span class="label label-success">{{:EmployeeID}}</span>
{{/if}}
</script>
<script>
$("#getFilterrecords").ejButton({
text: "getFilteredRecords", click: function () {
var obj = $("#FlatGrid").ejGrid("instance")
Filterdata = ej.sum(obj.getFilteredRecords(), "EmployeeID"); //For Filtered records
datasource = ej.sum(obj.model.dataSource, "EmployeeID") // For whole datasource
alert(Filterdata)
}
})
</script>
|
@Html.EJ().DropDownList("selectCar").TargetID("carsList").Width("300").WatermarkText("Select a Car").ClientSideEvents(e => e.Change("drpvaluechange"))
<div id="carsList">
<ul>
<li>Green</li>
<li>Orange</li>
<li>Red</li>
</ul>
</div>
<br />
@(Html.EJ().Grid<object>("FlatGrid")
// .Datasource(ds => ds.Json((IEnumerable<object>)ViewBag.dataSource).UpdateURL("CellEditUpdate").InsertURL("CellEditInsert").RemoveURL("CellEditDelete").Adaptor(AdaptorType.RemoteSaveAdaptor))
.Datasource((IEnumerable<object>)ViewBag.datasource)
------------------------------
<script>
function drpvaluechange(args) {
var grid = $("#FlatGrid").ejGrid("instance");
if (args.text == "Green") {
grid.model.filterSettings.filteredColumns = [{ field: "EmployeeID", operator: "lessthanorequal", value: "5", predicate: "and", matchcase: true }];
}
else if (args.text == "Red") {
grid.model.filterSettings.filteredColumns = [{ field: "EmployeeID", operator: "greaterthanorequal", value: "13", predicate: "and", matchcase: true }];
}
else if (args.text == "Orange") {
grid.model.filterSettings.filteredColumns = [{ field: "EmployeeID", operator: "greaterthanorequal", value: "6", predicate: "and", matchcase: true }, { field: "EmployeeID", operator: "lessthanorequal", value: "12", predicate: "and", matchcase: true }];
}
grid.refreshContent();
} |