Столбец флажка в синхронизации ejgrid

Я использую SyncFusion ejGrid, то есть в своем проекте.

Я хочу показать флажок в первом столбце, чтобы выбрать/отменить выбор нескольких строк. Один флажок в заголовке столбца, чтобы выбрать/отменить выбор всего.


person Nikunj.Patel    schedule 16.06.2014    source источник
comment
Привет, как вы получили выбранные строки для отправки на сервер   -  person ineffable p    schedule 28.06.2014


Ответы (1)


Чтобы добавить флажок в содержимое столбца сетки, мы можем использовать свойство столбцов «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

person Alan Sangeeth S    schedule 23.06.2014
comment
Ваше решение сработало для меня. Я очень ценю ваш ответ. Большое спасибо. - person Nikunj.Patel; 23.06.2014
comment
Как мы можем получить выбранные строки для отправки на сервер - person ineffable p; 28.06.2014
comment
ineffable — в событии щелчка по флажку мы можем выбрать строку, используя метод «selectRows» Grid. Прокрутите JQuery и отправьте его на сервер в Json. - person Nikunj.Patel; 29.06.2014