kandi X-RAY | SlickGrid Summary
kandi X-RAY | SlickGrid Summary
Find documentation and examples in the wiki.
Top functions reviewed by kandi - BETA
- Creates a new set of defaults .
- Creates a new DataView .
- Initialize a new Header .
- Creates a new rowModelEditor .
- Creates a new ContextEditor instance .
- Sets up the columns resizer resize events so that each element can be shown .
- create a remote model
- Creates a new pagerLayout object .
- Slickboard constructor
- Model representing a cell model selection
SlickGrid Key Features
SlickGrid Examples and Code Snippets
Trending Discussions on SlickGrid
I have an issue with the Angular Slickgrid library, To modify the sorting button function I need to use the onAngularGridCreated event, (which, I assume) return the instance of my grid. But when I add the following line to my angular-slickgrid element:...
ANSWERAnswered 2022-Feb-23 at 23:05
After all the comments exchanged on the question, the issue is with Angular Language Service used by the IDE (typically Visual Studio Code) and throws some errors when
strictTemplates is enabled (see Angular-Compiler-Options). Seriously I wish that they would fix this with Custom Event but as far as I know, they have not and we can only bypass the error following the steps below.
You have 3 ways of dealing with this
strictTemplates(simplest but you won't see all other potential valid errors)
This is my code. I am using version 4.1.1...
ANSWERAnswered 2022-Feb-15 at 20:47
You have a typo in your page sizes, it won't work with decimal numbers and your
pageSize must be a valid number that is included in
pageSizes but isn't in your case because of the decimal number, it works fine in the lib as shown by Example 30
Is it possible to infer a function argument from another argument? I want to infer 2nd argument based on inference of 1st argument.
Current code can be on GitHub slickEventHandler.interface.ts and is the following...
ANSWERAnswered 2021-Nov-07 at 19:22
I think you want the methods to be generic not the interface, so you would put the generic at the function definition not the interface name.
I'm using slickgrid as container for data, and trying to subscribe on it's onscroll event as of described in documentation, i.e....
ANSWERAnswered 2021-Sep-30 at 15:08
There's a few small errors in your code, first the event names are camelCase so it should be
onScroll and second if you want to subscribe to SlickGrid events then you need to use the grid object
Want to disable the selected row items by updating the
gridOptions after some button clicks.
ANSWERAnswered 2021-Sep-07 at 20:34
I'm not sure if you can toggle the checkbox column without removing it (maybe with
grid.setColumns() but it's probably better to just use the
selectableOverride callback. It will allow you to dynamically change its usability on the fly (see the Wiki) and in your case just use your boolean flag to have the callback return true or false (the later will disable/remove all checkboxes)
Is there a way to filter on multiple columns with angular-slickgrid ?
I have columns showing the same information in different regions, and I'd like the user to be able to use one filter to get any row matching regardless of which region (column) matches.
ANSWERAnswered 2021-Aug-11 at 16:10
The short answer is No you cannot (but there's a longer Yes option below), there's a reason why each filter are shown on top of each column and it's because they are associated with that said column (by looping through each column definition, these filters are being created). You can however use another column when filtering, with
queryFieldFilter or with
queryFieldNameGetterFn depending on the data but again it's only associated to 1 column at a time.
Does that mean that you cannot do it at all? Not necessarily, you could provide a different
filter implementation via the SlickGrid DataView
dataView.setFilter(myFilter); but if you do that then you'll bypass all the column filters (in other words, none of the column filters would work anymore when you override the DataView filter method) but maybe that is acceptable for you by making it as a global filter. You can take this SlickGrid Example to see the code, it has an external filter with multiple conditions and that might work for you.
my first questions so accept my apologies if I do sth wrong ;-)
I am creating an web-app which is using angular-slickgrid Tree so show some data from a database. Creating the Tree itself is working and I am getting those data in the frontend by using a promise to get them from backend and therefore from my db. For that I in particular expanded this "Example 29: Tree Data (from a Hierarchical Dataset)" of angular-slickgrid. My version of this is 2.30.2, Angular Version is 11.2.12 and Typescript 4.1.
My problem is, that those data do not show up automatically in the tree, but just after I click on the row header... so those data arrive frontend indeed! Unfortunatly I could not find out which event is exactly triggered (looked in web debugger and inspector).
I was said, actually it should work just by giving my db-data to the so called "datasetHierarchical" varible (after they arrived in the frontend) since there is an assignment in the html '[datasetHierarchical]="datasetHierarchical"'. For mocks directly in the Tree-Component this is working. But in my case with data from a db this does not work as well as all methods I tried like 'this.angularGrid.sortService.sortLocalGridByDefaultSortFieldId();' or 'this.angularGrid.gridService.invalidateHierarchicalDataset(this.datasetHierarchical);', which I thought should re-render the Tree-Grid after my data arrived frontend.
It is kind of frustrating that such a trivial thing does not work but maybe does someone else see (a simple) solution I oversaw... So thanks for any help in advance! :-)
And the data request is also quite simple:...
ANSWERAnswered 2021-Jul-14 at 07:32
Thanks for help, but I found a solution after I looked closely in the lib. I guess a timeout is not working right, so I added one after my data arrived from DB:
I have a SlickGrid table with multiple columns and I want the Index Column to be unaffected from sorting other columns.
I found this ancient question that is exactly describing the problem I'm having here, but the answer there didn't work for me. When I used this solution, my index column didn't return any values, it was just blank.
I tried if simply using a custom formatter would exlude the column from the sorting process, which it didn't. To do this, I copied "defaultFormatter" from here...
ANSWERAnswered 2021-May-15 at 02:11
I think it's easiest to ignore the index column (this is, after all what SlickGrid uses to look up rows, so you don't want to mess with it) and just use the actual row number.
I have installed latest version of angular-slickgrid in Angular 11 project. After
ng build, I have started getting these errors in
Could you please help me with the same?
Below are the logs from build :...
ANSWERAnswered 2021-Feb-23 at 05:22
Apparently slickgrid code doesn't work well with angular strict mode https://angular.io/guide/strict-mode. You might want to disable it in tsconfig.json.
I have a aurelia slickgrid table with start date and end date and it is fine. Backend api response is in odata format. Now i want to make a new column called Status and status is calculated as :...
ANSWERAnswered 2021-Mar-19 at 12:36
Just use a Custom Formatter, see Custom Formatter - Wiki it has the
dataContext which is the item object of the entire row. You can use MomentJS to do your calculation and display "10 months" or "Current License" (I guess that last one would be a calculation and a switch/case). You can do anything you want in a Custom Formatter and it will be recalculated every time the grid re-render, if you change value of another cell it will also be recalculated. You might have problem to filter and sort though and in that case you might want to not show a filter and remove the sort.
No vulnerabilities reported
Reuse Trending Solutions
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page