Angular-Slickgrid is a wrapper of the lightning fast & customizable SlickGrid datagrid, it also includes multiple Styling Themes
MIT License
Bot releases are hidden (Show)
Published by ghiscoding over 6 years ago
1.x
ReleaseThis is a Major version and does include a few breaking changes to bring support to Multiple Grids in a view. I had to change the Singleton Services to non-Singleton and that already is, in itself, a major breaking change. Make sure to follow the Migration Guide to upgrade to latest.
Since this is breaking, I decided to include a long list of changes that I had put aside to refactor.
The entire list of changes can be seen in #31 issue and the Migration Guide to 1.x
is available here
This list does not include everything, for the entire list of changes take a look at #31 issue and the Migration Guide to 1.x
is available here
The Wiki are not yet changed but will be in the coming days, it might take some time to update them all. In the mean time, I strongly suggest you to look at the GitHub demo, you can see them all here
(onAngularGridCreated)
Event Emitter
(sgOnSelectedRowsChanged)="handleSelectedRowsChanged1($event.detail.eventData, $event.detail.args)"
=
>
params
(like collection
) into editor
propertyfalse
when invalid date-1
or 1
for invalid datesPublished by ghiscoding over 6 years ago
It is not yet released. I made a mistake with NPM and forgot the Beta flag at some point. There is still another breaking change coming. The official release version will be 1.1.0
so stay tuned.
I am done with the refactoring and breaking changes, the official version will be release as 1.1.0
in mid-June. Make sure to follow the Migration Guide
This is a Major version and does include a few breaking changes to bring support to Multiple Grids in a view. I had to change the Singleton Services to non-Singleton and that already is, in itself, a major breaking change.
Since this is breaking, I decided to include a long list of changes that I had put aside to refactor.
The entire list of changes can be seen in #31 issue and the Migration Guide to 1.x
is available here
This version will be in Beta for at least a week or 2, until we try it out in our project and possibly get feedback from the community. If you find anything strange or not working, please open a new issue. Since this is in Beta, things could change still change slightly and if you guys want some changes, now is the time to express yourself.
This list does not include everything, for the entire list of changes take a look at #31 issue and the Migration Guide to 1.x
is available here
The Wiki are not yet changed but will be in the coming days, it might take some time to update them all. In the mean time, I strongly suggest you to look at the GitHub demo, you can see them all here
(onAngularGridCreated)
Event Emitter
(sgOnSelectedRowsChanged)="handleSelectedRowsChanged1($event.detail.eventData, $event.detail.args)"
params
(like collection
) into editor
propertyfalse
when invalid date-1
or 1
for invalid datesPublished by ghiscoding over 6 years ago
gridHeight
or gridWidth
when provided
Published by ghiscoding over 6 years ago
alwaysShowVerticalScroll
to remove visual issues observed with small dataset2.3.18
released recently2.3.18
which brings a few fixes in the corePublished by ghiscoding over 6 years ago
Published by ghiscoding over 6 years ago
Aggregators
instantiating classes should be uppercase
new Aggregators.sum('duration')
to new Aggregators.Sum('duration')
Published by ghiscoding over 6 years ago
Aggregators
to use directly from the lib, more will come in the future0.14.2
refactoring broke the multi-sort in some occasionsPublished by ghiscoding over 6 years ago
Slick.Data.Aggregators
these should not be used directly but I just wanted them working as a POC (proof of concept) for an Alpha release. Future version will separate all Aggregators
into their own interfaces and functions, and you will call them from Angular-Slickgrid (just like Formatters).jQuery-UI
which is 1.12.1
, this version does use it.Published by ghiscoding over 6 years ago
inputNoPlaceholder
and replaced with a new global grid options defaultFilterPlaceholder
that is set with the magnifying glass icon. If you don't want any placeholder, just set the defaultFilterPlaceholder: ''
to empty stringangular-cli.json
info in the Wiki -Published by ghiscoding over 6 years ago
Published by ghiscoding over 6 years ago
excludeFromQuery
and use it for Row SelectionNew demo of a Custom Pagination, thanks to @sabeurch for providing it.
Published by ghiscoding over 6 years ago
Grid State
allows you know at any time, what are the current Filters
, Sorters
and Pagination
information. See the Grid State & Presets for more info.
Grid Presets
, you can now load a grid with certain presets
that include Filters
, Sorters
and Pagination
Grid State
and Grid Presets
, you can store the state in Local Storage (or DB) and later come back to that same page and load the presets
. We plan to use it with Local Storage in our AppGridOption
interface with editCommandHandler
option (PR #15)
datasetIdPropertyName
into grid options for dataset that don't have an id
but rather another name like ID
, where the case matters.filterOptions
property2.3.15
which brings a few features and fixes
hideForceFitButton
and hideSyncResizeButton
onColumnsChanged
new Slick EventautoAlign
, which basically change the menu alignment to left when it knows there isn't enough room to show on the right!=
and <>
operators with input filterA big thanks to @asdman384 and @sabeurch for their PRs, discussions and ideas. 🥇
Published by ghiscoding over 6 years ago
autoDropWidth
option to multiple-select.js
which can be used as a filterOptions
for SingleSelect
and MultipleSelect
FilterspositionOrder
to change the order position of the "Custom Commands" list showing up in the Grid Menu2.3.13
which brings a few goodies
Formatters.translate
, you can now define it directly in the Grid Options instead of each Column Definition.1-6 of 6 items
enablePagination: false
, it shouldn't show the pagination component.Published by ghiscoding over 6 years ago
translateFormatter
should only translate when it has a valueselectOptions
property was renamed collection
to make it more generic and re-usable with other Filter that might not be Select.
Published by ghiscoding over 6 years ago
translateFormatter
was throwing error on empty space
ngx-translate
doesn't seem to like empty string as a translate key but white space are ok, so we'll use that as fallbackuseFormatterOuputToFilter
was created to get over the problem, so you need to set this flag to true when you want to use the output of Formatter to filter against, see the Wiki - input filter
Published by ghiscoding over 6 years ago
With version 0.9.0+
it is now mandatory to add a forRoot
when importing Angular-Slickgrid
in your App. It can be set to empty (and/or with Global Options, continue reading) but it has to be defined. For example:
imports: [ AngularSlickgridModule.forRoot(), ... ]
pagination
options provided (the pagination
that is set outside of the backend service itself).enablePagination
is now totally optional as well, when using Backend Service API, we will assume that the pagination has to be displayed by default.value
and/or label
, you can now customize their name(s))
imports: [ AngularSlickgridModule.forRoot({
enableAutoResize: true,
enableCellNavigation: true,
enableColumnReorder: true,
...
}), ... ]
Published by ghiscoding over 6 years ago
Published by ghiscoding almost 7 years ago
New Features
initOptions
separately to define service options, you can now do that directly in the backendServiceApi
executeProcessCommandOnInit
(only GraphQL for now) was added and if set to true will make the onInit
irrelevant (though it still exist and available). This new flag when set to True will run the process
callback on page load (component init).addLocaleIntoQuery
was added to deal with GraphQL filterBy
and orderBy
with translated values.filterTypingDebounce
optional, default to 750mspostProcess
totally optional, the service now use an internalPostProcess
that will takes care of filling the slickgrid dataset and pagination info (prior to this change, you had to manually deal with them). postProcess
is still available and you can still use it to stop a spinner or anything after the process is done.onBackendEventApi
is deprecated is replaced by backendServiceApi
, you can still use previous implementation but you will get a warning in the console.queryField
was added so that you can use another field to do an orderBy
or filterBy
(this works with all implementation, regular grid with JSON dataset and/or backend services OData/GraphQL)dateEditor
will now translate automatically by using ngx-translate currentLang
to use proper locale with Flatpickr.onGridDestroyed
to onAfterGridDestroyed
to be more consistent with the others.Fixes
dateEditor
and latest Flatpickr
versionJohn*
=> startsWith, *Doe
=> endsWithpageSize
and was breaking the paginationDeprecated
onBackendEventApi
was deprecated, please use the much simpler backendServiceApi
instead. You will receive a warning in the console when using previous property. Please refer to the OData Wiki or the GraphQL Wiki for more info on the new property usage.Published by ghiscoding almost 7 years ago
Formatters.infoIcon
with has Font Awesome (fa-info-circle)onDataviewCreated
onGridCreated
onBeforeGridCreate
onBeforeGridDestroy
onGridDestroyed
These 2 Event Emitters got renamed to be consistent in the new naming structure (every emitter now start with onX prefix). You can still use the old names, but I'd like to remove them in future releases.
dataviewChanged
renamed to onDataviewCreated
gridChanged
renamed to onGridCreated
You can see the Event Emitter documentation in the Wiki - Grid & DataView Events
Published by ghiscoding almost 7 years ago
Fixes
New Features