Author Topic: how to call webmethod with custom grid button?  (Read 388 times)

Fraan83

  • Pro Enterprise
  • Newbie
  • *
  • Posts: 9
    • View Profile
how to call webmethod with custom grid button?
« on: October 03, 2019, 04:19:54 pm »
Hi dear support,
i'm still here.

I need to now how to make a function for calling ajax on button row click.
I had rendered a button in grid, but I can't call a function.

Code: [Select]

                     {
                         title: "Assegna", dataType: "string", align: "center", dataIndx: "assegna", maxWidth: 50, render: function (ui) {
                             var rowData = ui.rowData,
                                 dataIndx = ui.dataIndx;

                             rowData.pq_cellcls = rowData.pq_cellcls || {};
                             if (rowData.stato == "In Attesa" & rowData.assegna == "Assegnare Si") {

                               
                                 return "<a title='Click for assign to user' onClick='assignFunction();' class='btn btn-sm btn-light btn_assegna_direct'  ><i class='fas fa-plus'></i> </a>";
                                 function assignFunction() {
                                     $.ajax({
                                         contentType: "application/json; charset=utf-8",
                                         data: '{"id_product" : "' + rowData.id_product+ '", "id_user" : "' + rowData.id_user+ '"}',
                                         dataType: "json",
                                         type: "POST",
                                         url: "page.aspx/AssignProduct",                             
                                         async: false,
                                         success: function (result) {
                                             msg += 'Product assigned';
                                         },
                                         error: function (result) { }
                                     });
                                     alert(msg);
                                 }

                             } else {
                                 return "<a title='Impossible to assign'  class='btn btn-sm btn-secondary disabled'> <i class='fas fa-check'></i> </a>";
                             }
                         }
                         
                         
                     },




paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 4399
    • View Profile
Re: how to call webmethod with custom grid button?
« Reply #1 on: October 03, 2019, 04:54:30 pm »
[ Only Pro members may read this post. ]

Fraan83

  • Pro Enterprise
  • Newbie
  • *
  • Posts: 9
    • View Profile
Re: how to call webmethod with custom grid button?
« Reply #2 on: October 09, 2019, 01:09:40 pm »
I've tried, but still doesn't work.
where is i wrong?

Code: [Select]

 {
                        title: "Assign", dataType: "string", align: "center", dataIndx: "assigned", maxWidth: 50, render: function (ui) {
                            var rowData = ui.rowData,
                                dataIndx = ui.dataIndx;


                            rowData.pq_cellcls = rowData.pq_cellcls || {};
                            if (rowData.state == "waiting" & rowData.assigned== "no") {

                                return "<button type='button'  class='btn btn-sm btn-light btn_assegna_direct'  ><i class='fas fa-plus'></i> </button>";

                            } else {
                                return "<button type='button'  class='btn btn-sm btn-secondary disabled'> <i class='fas fa-check'></i> </button>";
                            }
                        },
                        postRender: function (ui) {
                            var rowIndx = ui.rowIndx,
                                grid = this,
                                $cell = grid.getCell(ui);

                            $cell.find(".btn_assegna_direct").on("click", function () {
                             
                                 assignProduct(rowIndx, grid);
                            });

                        },
                                       
                         

         

                    }
],

 



paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 4399
    • View Profile
Re: how to call webmethod with custom grid button?
« Reply #3 on: October 09, 2019, 01:20:29 pm »
[ Only Pro members may read this post. ]
« Last Edit: October 09, 2019, 01:22:29 pm by paramvir »