Kendo UI Grid - Angular - Custom command

[Quỳnh]

I have grid and custom command 

In function of custom command I change $scope variable:

  $scope.editLanguage = function (e) {
                var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
                $scope.name = dataItem.Name;
                $scope.key = dataItem.Keyword;
                $scope.ID = dataItem.ID;
                $scope.Image = dataItem.Image;
                //$scope.windowEditLanguage.center();
                //$scope.windowEditLanguage.open();
            }

 

But It's not work , but if I add some code to handle somethings it's work. but I just want change variale to display imedietly.

$scope.mainGridOptions = {
              dataSource: {
                  type: "json",
                  transport: {
                      read: "@Url.Action("getLanguage", "DataJson")",
                  },
                  pageSize: 8,
                  serverPaging: true,
                  serverSorting: true
              },
              columns: [
                  {
                      template: "<div>" +
                                      "<img src='../../Upload/#:data.Image#' style='max-width:100px; max-height:100px;'/>"+
                                      "</div>"
                                 ,
                      field: "Image",
                      title: "Hình ảnh",
                      width: 200
                  }, {
                      field: "ID",
                      title: "ID",
                      width: "120px"
                  }, {
                      field: "Name",
                      title: "Tên",
                      width: "120px"
                  }, {
                      field: "Keyword",
                      title: "Từ khóa",
                      width: "120px"
                  },
                 { command: { text: "Chỉnh sửa", click: $scope.editLanguage }, title: " ", width: "80px" },

               { command: { text: "Xóa", click: $scope.deleteLanguage }, title: " ", width: "80px" },
              ],
              editable: "inline",
              height: 800,
              scrollable: true,
              selectable: true
          };

[Boyan Dimitrov]

Hello Truc,

 

Could you please explain a bit more on how $scope.name, $scrop.key and etc are displayed to the user? 

 

Please extract a runnable sample in a Kendo UI Dojo and we will be happy to help.

 

Regards,
Boyan Dimitrov
Telerik

 

 

[Quỳnh]

it doesn't matter what $scope.name or ect is. I just want change value of them in event click of button, but it doesn't work. 

if I add some code like open or close kendo window it work .

[Quỳnh]

http://dojo.telerik.com/eMOrI

 

 

Like this Example

[Boyan Dimitrov]

Hello Truc,

 

In this case $scope.apply should be used in order to apply the changes made to the $scope variables. Please refer to the http://dojo.telerik.com/eMOrI/4 example. 

 

Regards,
Boyan Dimitrov
Telerik