sorting - plantilla - insertar checkbox en excel 2016

¿Cómo puedo volver a marcar una casilla de verificación en una grilla de kendo después de ordenar y filtrar?

Question

Tengo una casilla de verificación para cada fila dentro de una grilla de kendo. Si el usuario clasifica o filtra la cuadrícula, las marcas de verificación se borran de las casillas de verificación. ¿Cómo puedo evitar que las casillas de verificación los deseleccionen o vuelvan a verificar después de que se produzca la ordenación o el filtro? Consulte el siguiente js violín para observar el comportamiento durante la clasificación:

http://jsfiddle.net/e6shF/33/

Aquí está el código en jsfiddle para referencia (... necesitaba hacer esta pregunta):

$(''#grid'').kendoGrid({
dataSource: { data: [{id:3, test:''row check box will unchecked upon sorting''}]},
sortable: true,
columns:[
{
field:''<input id="masterCheck" class="check" type="checkbox" /><label for="masterCheck"></label>'',
template: ''<input id="${id}" type="checkbox" />'',
filterable: false,
width: 33,
sortable: false // may want to make this sortable later. will need to build a custom sorter.
},
{field: ''test'',
sortable: true}
]});

Answer 1

básicamente, la selección se borra cada vez porque se vuelve a dibujar la Grilla. Puede almacenar los elementos de verificación en una matriz u objeto y cuando se vuelve a dibujar la cuadrícula (evento dataBound) puede marcarlos nuevamente como marcados.

Para simplificar las cosas aquí hay una versión actualizada de tu código. También use la opción headerTemplate para establecer la plantilla del encabezado; en su lugar, no nombre su campo como plantilla.

var array = {};
$(''#grid'').kendoGrid({
dataSource: { data: [{id:3, test:''row check box will unchecked upon sorting''}]},
sortable: true,
dataBound:function(){
for(f in array){
if(array[f]){
$(''#''+f).attr(''checked'',''checked'');
}
}
},
columns:[
{
headerTemplate:''<input id="masterCheck" class="check" type="checkbox" /><label for="masterCheck"></label>'',
template: ''<input id="${id}" type="checkbox" />'',
filterable: false,
width: 33,
sortable: false // may want to make this sortable later. will need to build a custom sorter.
},
{field: ''test'',
sortable: true}
]});
var grid = $(''#grid'').data().kendoGrid;
$(''#grid tbody'').on(''click'','':checkbox'',function(){
var id = grid.dataItem($(this).closest(''tr'')).id;
if($(this).is('':checked'')){
array[id] = true;
}else{
array[id] = false;
}
})

Enlace al violín

Answer 2

Si no está demasiado preocupado por los navegadores antiguos, el almacenamiento HTML5 podría funcionar para usted http://www.w3schools.com/html/html5_webstorage.asp Y, por supuesto, jQuery viene con su propia capacidad de almacenamiento de datos.