Comhpháirt Scarbhileog JavaScript In Aisce le haghaidh Rindreála & Próiseála Tapa

Foinse Oscailte Ceadaíonn comhpháirt Scarbhileog JavaScript Saor in Aisce rindreáil tapa, bainistíonn sraitheanna, uathsúlú colúin, láimhseáil cealla agus mar sin de.

Cuireann comhpháirt greille/scarbhileog JavaScript foinse oscailte an-tapa ar chumas forbróirí bogearraí greillí saibhir a ghiniúint le rialuithe agus taispeántais saincheaptha. Tacaíonn an chomhpháirt le rindreáil fhíorúil a chuireann ar chumas úsáideoirí oibriú leis na céadta mílte míreanna gan aon laghdú ar fheidhmíocht. Rud a chiallaíonn go bhfuil SlickGrid in ann greille a láimhseáil le 100 sraith nó 100 míle sraitheanna gan cur isteach ar an bhfeidhmíocht. Roimhe seo bhí sé ag tacú le Téamaí Chomhéadain jQuery ach ó SlickGrid 3.0.0, bhain an fhoireann an cód gaolmhar go léir agus cuireadh SortableJS níos nua-aimseartha ina ionad.

Tá an chomhpháirt SlickGrid go hiomlán inoiriúnaithe agus soláthraíonn sé luas rindreála thar a bheith tapa. Áiríodh leis an gcomhpháirt roinnt gnéithe tábhachtacha chun scarbhileoga a bhainistiú, mar scarbhileoga a rindreáil, iar-rindreáil chúlra do chealla níos saibhre, nascleanúint méarchláir, méid na gcolún a athrú, colúin a athordú, colúin nó sraitheanna a thaispeáint / a cheilt, sraitheanna nua a chur isteach, sraitheanna nua a chur in eagar, il- eagarthóirí allamuigh le tacaíocht Cealaigh/athdhéan, ag cur formáidiú agus stíleanna agus mar sin de. Tá sé comhoiriúnach le creataí atá dírithe ar shonraí agus le Bootstrap

Previous Next

Tús a chur le SlickGrid

Is é an bealach molta chun SlickGrid a shuiteáil, ná npm a úsáid, Chun SlickGrid a shuiteáil, níl le déanamh ach an chlib script seo a leanas a chur sa bhrabhsálaí.

Suiteáil SlickGrid trí npm

npm install slickgrid 

Is féidir leat an leabharlann chomhroinnte tiomsaithe a íoslódáil ó stór GitHub agus í a shuiteáil.

Conas Cealla a Chumasc ag baint úsáide as JavaScript API?

Is gné an-úsáideach é cealla a chumasc laistigh de scarbhileog a úsáidtear go minic chun téacs a lárú thar roinnt sraitheanna nó colúin agus d’fhéadfadh sé a bheith ina chuidiú chun teaghráin sonraí dhá chill nó níos mó a chomhcheangal. Is é a phríomhchuspóir ná na sonraí a chur i láthair agus a léamh don úsáideoir deiridh. Ceadaíonn an chomhpháirt foinse Oscailte SlickGrid JavaScript d'fhorbróirí bogearraí chun ilchealla, sraitheanna, nó colúin a chomhcheangal laistigh dá bhfeidhmchláir JavaScript féin.

Cealla Scarbhileog ag Cumasc trí JavaScript API

function VerCellMergedFormatter(row, cell, value, columnDef, dataContext) {
    var options = window._renderOptions;
    if (options.lastRendering != 1) {
        return;
    }
    var items = window.getRenderDataItmes();
    var fieldName = columnDef.field;
    var rowsLength = items.length;
    var currentItem = items[row];
    var nextRowIndex = row + 1;
    if (nextRowIndex < rowsLength){
        var nextValue = items[nextRowIndex][fieldName];
        if (value == nextValue) {
            if (!options.changedCells[row]) {
                options.changedCells[row] = {};
            }
            options.changedCells[row][fieldName] = "noneline-bottom";
            options.isNextMerged = 1;
            return value;
        }
        else {
            if (options.isNextMerged == 1) {
                options.isNextMerged = 0;
                return;
            }
        }
    }
    return value;
}

Cuir Colúin, Rónna & Cealla Scarbhileog in Eagar trí JS

Cuireann an chomhpháirt SlickGrid ar chumas forbróirí bogearraí cealla scarbhileog a láimhseáil ar bhealaí éagsúla laistigh dá bhfeidhmchláir JavaScript. Tá roinnt gnéithe tábhachtacha curtha ar fáil ag an leabharlann chun cealla scarbhileog, colúin agus sraitheanna a láimhseáil mar, cealla nua a chur isteach, cealla atá ann cheana féin a chur in eagar, cealla nach dteastaíonn a scriosadh. Chuir sé tacaíocht ar fáil freisin do cholúin um mhéid uathoibríoch, do mhéideanna a athrú, a athordú, a thaispeáint agus colúin agus sraitheanna a cheilt ag baint úsáide as orduithe JavaScript.

Cuir Rae Nua leis & Cliceáil chun Cill a Chur in Eagar trí JavaScript API

var d =  $scope.$grid.grid.getData();
$scope.$grid.grid.invalidateRow(d.length);
//Adds the new row as the first row.
d.unshift(item);
$scope.$grid.grid.updateRowCount();
$scope.$grid.grid.setData(d);
$scope.selectedRows = [];
$scope.selectedRows = [0];
//Sets the first row and first column as editable by clicking on it
$scope.$grid.grid.setActiveCell($scope.selectedRows,0);
//$scope.$grid.grid.gotoCell(0,0,true);
var grid = $scope.$grid.grid;
var row = $scope.selectedRows[0];
var col = 0;
grid.setActiveCell(row, col);
grid.editActiveCell(Slick.Acsiom.Editors.Text);

Sizing Colún Auto trí JavaScript API

Tá gné an-úsáideach curtha ar fáil ag comhpháirt foinse oscailte SlickGrid chun sizing uathoibríoch-cholún a chur i bhfeidhm laistigh d'fheidhmchláir JavaScript. Soláthraíonn sé API autosizing colún a chuireann ar chumas an ghreille roghanna cliste a dhéanamh faoi leithead a cholúin bunaithe ar ábhar cille an cheanntásc agus na sraitheanna. Cuimhnigh le do thoil nach mór sonraí a sholáthar le haghaidh uathmhéadú agus go gcaithfidh sonraí a bheith i láthair chun tástáil a dhéanamh ar mhéid mar go bhfuil sé an-deacair ar algartam méide uathoibrithe oibriú gan aon sonraí.

 Gaeilge