Button click does not work in Celltemplate angular grid

Question

I m trying to work with celltemplate. But click event did not work.

    $scope.format = function(val){
            return val.replace(/\//g, "");
        };

        var executionColumns = {
            data: [],
            enableSorting: true,
            paginationPageSizes: [25, 50, 75],
            paginationPageSize: 25,
            enableColumnMenu: true,
            enableFiltering: true,
            columnDefs: [

              { field: 'StartDate', cellTemplate: '<button ng-click="format (row.entity)">log</button>' },
              { field: 'Status' },

            ]

        };

So what should I do? What is the wrong?

Divya MV · Accepted Answer · 2015-02-17 07:13:49Z

2

It works for me like the 2nd code

         columnDefs: [
          { field: 'StartDate', cellTemplate: '<button ng-click="format(grid.getCellVale(row.entity)   )">log</button>' },
          { field: 'Status' },

        ]

or move your format function to an externalscope defined as

 $scope.globalExternalScope = {
       format:function(entity){..........}
    }

and then use the template like

         columnDefs: [
          { field: 'StartDate', cellTemplate: '<button ng-click="getExternalScopes().format(grid.getCellVale(row.entity)   )">log</button>' },
          { field: 'Status' },

        ]

answered Feb 17, 2015 at 7:13

Divya MV

2,0514 gold badges34 silver badges59 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kle Over a year ago

I read ui-grid.info/docs/#/tutorial/099_upgrading_from_2 and I ediğt my code like below and worked. Intersting: '<button type="button" class="btn-small" ng-click="grid.appScope.format (row.entity)">log</button>'

Santosh · Accepted Answer · 2016-01-07 05:26:15Z

0

Use <button ng-click="grid.appScope.format (row.entity)">log</button>

it is working for me now!

answered Jan 7, 2016 at 5:26

Santosh

2,3831 gold badge16 silver badges24 bronze badges

Comments

Shevchenko Viktor · Accepted Answer · 2018-10-12 10:25:33Z

0

In case you are using .component inside of which you render a ui-grid and your method is defined as: this.handleClick = function(){...}

It will be available to you in cellTemplate via cellTemplate: '<button ng-click="grid.appScope.$ctrl.handleClick()">log</button>' }

answered Oct 12, 2018 at 10:25

Shevchenko Viktor

5,4262 gold badges19 silver badges26 bronze badges

Collectives™ on Stack Overflow

Button click does not work in Celltemplate angular grid

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related