I need to configure igGrid control so it can perform the following in the attached sample project ( igGrid001.html )
1. Out of all columns only last two should be editable ( 'inStock' and 'read')
2. 'inStock' should be a check box ( can make it checkable) and 'read' should be a drop down with two string values 'Yes' & 'No' and underlying boolean true/false ( now it is string)
3. on inStock values change it should fire event that will modify inStock value in data source ( obtain reference to the data source object) and rebind grid to it again.
4. Same as 3 for 'read' change..
Thanks.
Hi,
1.) I thought by “rebind grid to it again” you meant to change the data source when checkbox is clicked. Since I know this is not the case you can just call endEdit method to save the changes without the need of any additional interactions. The instance of the data source can be obtained from the updating variable as it's shown in the sample;
2.) The changes are added to the data source after the edit is ended;
3.) You can remove the editCellStarted handler;
4.) We do not have documentation about the editor providers because they are created for internal purposes. Since the functionality you want is currently not supported (it is now on the top of our backlog and it will be added in a future volume release) and that’s why I used it to create a very custom solution for you. You can find more information about the editors themselves here and here.
5.) Yes it will be added.
I updated the sample.
Kind regards, Petko Zhekov Software Developer
Petko,
Thank you very much for consideration and attempt to provide with satisfaction .. but at the moment since I am at the beginning of client side controls adventure, please do steal it without hesitation it is rather leads to frustration.... I wish the documentation were a bit clearer, so your help is only hope. To that end I am, trying to understand all the details on the page that you provided so I can use some of it in my project.
Why it has two datasources ? I change to one (products) , visually it still working but I do not see value in the source actually reflects values of the checkboxes. ( I changed two of them but in products it still ‘True’ ) ( prod002.png )
While going through debugger I did not see the part that updating data source, somehow after checkbox value changed it needed to be reflected in datasource - ‘products’ in this case, can you show me how, isn’t this should be added to new setValue handler? Can you show me exact place.
What is the role of editCellStarted: it seems like there is no knowledge of changed value there ?
What is the updating object that you used and where I can find documentation what is its structure. Is it related somehow to igGridUpdating
I also did not find anything on EditorProviderCheckbox, or any other EditorProviders…. if you can point me to some description how it structured and samples of use.
5. Is it possible to do what I need using igGridUpdating, at least it documented somehow better…
No, this is not against Infragistics policies. I just didn’t want to steal the satisfaction of doing it by yourself. I updated the sample.
If you have any further question please let me know.
Just wonder if it is against Infragistics policies to demonstrate it in the provided html file ...
Hello,
Just replace the comment “// REBIND GRID HERE.” with this line of code:
var grid = this.updating.grid;
Then use grid's instance to change the data source(use the option method).
Also the change in cell's style is because the cell is entering in edit mode. This could not be prevented. What you can do is to set a template to the column to render regular checkbox and forbid the updating for it. And then update the values on checkbox click with Updating's API methods.
Kind Regards,
Petko Zhekov
Software Developer
Infragistics, Inc.