DataGrid rowSelection change checkbox select status to disabled

Hi team!!

I follow this example ( advanced grid configuration: “grid should show users for group that currently editing and user should be able to add/remove users from group” ) and set selectors for include and exclude in :data_in and :data_not_in.

Everything works as expected, but i would like do not allow to deselect chekboxes for those rows that are already selected. Add somthing like inmutable rows.

I try adding new datagrid builder (requireJSModules option) and disabled checkboxes that has status checked, but didn’t work. Also i try creating a new frontend_type, but rowSelection with include/exclude options seems to works only with boolean frontend_type.

Can anyone, please , point me in the right direction?

Thanks very much to all!!

Topic

[Andrey YatsenkoModerator]

You can debug JS in dev mode (app_dev.php) with Chrome DevTools for example, set a breakpoint in script you are working with to find what is wrong here.
Instead of registering new can also try to override existing datagrid builder if it will be easier with the following instruction https://oroinc.com/orocrm/forums/topic/how-to-override-js-file#post-53814

Hope this helps.

[Hryhorii HrebiniukParticipant]

Hello @juan

Generally column options “editable” has boolean value. But Backgrid also supports approach “editable” as a function. But we can not pass a function over JSON, so we need define it in other way. And custom gridbuilder defined over requireJSModules probably will be best solution. See example:

JavaScript

var builder = { processDatagridOptions: function(deferred, options) { var hasGroupColumn = _.findWhere(options.metadata.columns, {name: 'has_group'}); if (hasGroupColumn && hasGroupColumn.editable === true) { hasGroupColumn.editable = function(instance) { // the instance can be Model or Collection, so we need to check first if it's Model return !(instance instanceof Backbone.Model) || // group is not assigned or it just was changed !instance.get('has_group') || instance.hasChanged('has_group'); }; } deferred.resolve(); } };

1 2 3 4 5 6 7 8 9 10 11 12 13 14

var builder = {         processDatagridOptions: function(deferred, options) {             var hasGroupColumn =  _.findWhere(options.metadata.columns, {name: 'has_group'});             if (hasGroupColumn && hasGroupColumn.editable === true) {                 hasGroupColumn.editable = function(instance) {                     // the instance can be Model or Collection, so we need to check first if it's Model                     return !(instance instanceof Backbone.Model) ||                         // group is not assigned or it just was changed                         !instance.get('has_group') || instance.hasChanged('has_group');                 };             }             deferred.resolve();         }     };

But unfortunately, after defining “editable” as a function, you’ll face another issue. Our extend of BooleanCell also is not ready to it. You’ll need to use approach proposed above by @Anyt to override BooleanCell and replace lines

JavaScript

if (this.column.get('editable')) {

1	if (this.column.get('editable')) {

to

JavaScript

if (Backgrid.callByNeed(this.column.editable(), this.column, this.model)) {

1	if (Backgrid.callByNeed(this.column.editable(), this.column, this.model)) {

We’ll fix it for upcoming versions, but for your current version you’ll need to use ReauireJS map module approach.

[juanParticipant]

Thanks for the rapid response!!

I solve the implementation re mapping BooleanCell with my custom class in requierejs.yml as @Anyt mentioned.

Thanks!!
)))

[Author]

Replies