Я использую SyncFusion ejGrid, то есть в своем проекте.
Я хочу показать флажок в первом столбце, чтобы выбрать/отменить выбор нескольких строк. Один флажок в заголовке столбца, чтобы выбрать/отменить выбор всего.
Я использую SyncFusion ejGrid, то есть в своем проекте.
Я хочу показать флажок в первом столбце, чтобы выбрать/отменить выбор нескольких строк. Один флажок в заголовке столбца, чтобы выбрать/отменить выбор всего.
Чтобы добавить флажок в содержимое столбца сетки, мы можем использовать свойство столбцов «templateId», а чтобы добавить флажок в заголовок столбца, мы можем использовать свойство «headerTemplateId». Затем в событии щелчка флажка мы можем выбрать строку, используя метод «selectRows» Grid.
<script type="text/x-jsrender" id="check">
<input type="checkbox" class="rowCheckbox" id="chk" />
</script>
<script type="text/x-jsrender" id="head">
<input type="checkbox" id="headchk" />
</script>
$("#Grid").ejGrid({
...
columns: [
{ headerTemplateId: "#head", columnTemplate: true, templateId: "#check" },
...
});
$("#headchk").change(function () {
$("#Grid .rowCheckbox").on("change", checkChange);
gridObj = $("#Grid").data("ejGrid");
if ($("#headchk").is(':checked')) {// TO Select all rows in Grid Content
…
gridObj.selectRows(0, gridObj.model.pageSettings.pageSize);
}
else { // To remove selection for all rows
…
gridObj.cleanUpSelection();
}
});
function checkChange(e) {
…
//For MultiSelection using Checkbox
gridObj._multiSelectCtrlRequest = true;
}
Я создал образец на основе ваших требований, и его можно загрузить по ссылке ниже. Образец: http://www.syncfusion.com/downloads/support/directtrac/125963/grid898060682.zip