0
我有一个可以容纳SubDivisions的网格。在网格中，我有复选框，当网格数据加载时，如果有一个分配给客户的SubDivision，那么复选框会被选中。这个网格包含6000个SubDivisions的前缀，所以Assigned SubDivision可以在第10页或类似的东西。在我设置的示例中，我在第3页上选中了一个复选框。如何根据选中的复选框对网格进行重新排序？
我的问题是，当我加载网格，并有一个分配的分区时，我该如何使分配的行首先在网格中，以便用户不必搜索以查看如果有分配的SubDivisions？
$(document).ready(function(){
var junkData =
[{
"SubDivisionID": 1,
"SubDivisionName": "County A",
"Assigned" : 0
},{
"SubDivisionID": 2,
"SubDivisionName": "County B",
"Assigned" : 0
},{
"SubDivisionID": 3,
"SubDivisionName": "County C",
"Assigned" : 0
},{
"SubDivisionID": 4,
"SubDivisionName": "County D",
"Assigned" : 0
},{
"SubDivisionID": 5,
"SubDivisionName": "County E",
"Assigned" : 0
},{
"SubDivisionID": 6,
"SubDivisionName": "County F",
"Assigned" : 0
},{
"SubDivisionID": 7,
"SubDivisionName": "County G",
"Assigned" : 0
},{
"SubDivisionID": 8,
"SubDivisionName": "County H",
"Assigned" : 0
},{
"SubDivisionID": 9,
"SubDivisionName": "County I",
"Assigned" : 0
},{
"SubDivisionID": 10,
"SubDivisionName": "County J",
"Assigned" : 0
},{
"SubDivisionID": 11,
"SubDivisionName": "County K",
"Assigned" : 1
},{
"SubDivisionID": 12,
"SubDivisionName": "County L",
"Assigned" : 0
},{
"SubDivisionID": 13,
"SubDivisionName": "County M",
"Assigned" : 0
},{
"SubDivisionID": 14,
"SubDivisionName": "County N",
"Assigned" : 0
},{
"SubDivisionID": 15,
"SubDivisionName": "County O",
"Assigned" : 0
},{
"SubDivisionID": 16,
"SubDivisionName": "County P",
"Assigned" : 0
},{
"SubDivisionID": 17,
"SubDivisionName": "County Q",
"Assigned" : 0
},{
"SubDivisionID": 18,
"SubDivisionName": "County R",
"Assigned" : 0
},
];
$("#SubDivisionsGrid").kendoGrid({
dataSource: {
data: junkData,
pageSize: 5
},
schema: {
model: {
fields: {
SubDivisionID: { type: "number" },
SubDivisionName: { type: "string" },
Assigned: { type: "bool" }
},
}
},
filterable: {
mode: "row"
},
columns: [
{ field: "SubDivisionID", title: "SubDivisionID", hidden: true },
{ field: "SubDivisionName", title: "SubDivision", filterable: { cell: { showOperators: false, operator: "contains" } } },
{ title: "Assigned", template: "<center><input name='Assigned' class='checkbox' type='checkbox' data-bind='checked: Assigned' #= Assigned ? checked='checked' : '' #/></center>", width: "120px" }
],
scrollable: true,
pageable: {
refresh: true,
pageSizes: true,
buttonCount: 5
},
selectable: "row",
change: function (e) {
},
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.1028/styles/kendo.mobile.all.min.css">
<script src="http://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2016.3.1028/js/angular.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2016.3.1028/js/jszip.min.js"></script>
<script src="http://kendo.cdn.telerik.com/2016.3.1028/js/kendo.all.min.js"></script>
<div id="SubDivisionsGrid"></div>