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
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í.