Add button into the active row of detail

Case description:

We need to add custom button into the active row of detail.

Algorithm of realization:

1. Create replacing client module of your detail.
2. Add localizable string for caption of your button.

3. Add following code into diff section:

   {
       "operation": "merge",
       "name": "DataGrid",
       "parentName": "Detail",
       "propertyName": "items",
       "values": {
           "activeRowActions": [],
           "activeRowAction": {"bindTo": "onActiveRowAction"}
       }
   },
   {
       "operation": "insert",
       "name": "DataGridActiveRowSomeButton",
       "parentName": "DataGrid",
       "propertyName": "activeRowActions",
       "values": {
           "className": "Terrasoft.Button",
           "style": Terrasoft.controls.ButtonEnums.style.GREEN,
           "caption": resources.localizableStrings.SomeButtonCaption,
           "tag": "someButton"
       }
   }
   

   With this code you can add button into the active row (element with name equal to "DataGridActiveRowSomeButton") and set method which will handle clicks on this button (activeRowActions into element with name equal to DataGrid).

4. Add following code into the methods section:

   onActiveRowAction: function(buttonTag) {
       switch (buttonTag) {
           case "someButton":
               this.onSomeButtonClicked();
               break;
           default:
               break;
       }
   },
   onSomeButtonClicked: function() {
       //TODO your logic
       var message = "";
    
       message += "Mobile phone ";
       message += this.getActiveRow().get("MobilePhone");
    
       this.showInformationDialog(message);
   }
   

    

5. Here is full example:

define("AccountContactsDetailV2", ["AccountContactsDetailV2Resources"],
    function (resources) {
        return {
            entitySchemaName: "Contact",
            methods: {
                onActiveRowAction: function (buttonTag) {
                    switch (buttonTag) {
                        case "someButton":
                            this.onSomeButtonClicked();
                            break;
                        default:
                            break;
                    }
                },
                onSomeButtonClicked: function () {
                    //TODO your logic
                    var message = "";
                    message += "Mobile phone ";
                    message += this.getActiveRow().get("MobilePhone");
                    this.showInformationDialog(message);
                }
            },
            diff: /**SCHEMA_DIFF*/[
                {
                    "operation": "merge",
                    "name": "DataGrid",
                    "parentName": "Detail",
                    "propertyName": "items",
                    "values": {
                        "activeRowActions": [],
                        "activeRowAction": { "bindTo": "onActiveRowAction" }
                    }
                },
                {
                    "operation": "insert",
                    "name": "DataGridActiveRowSomeButton",
                    "parentName": "DataGrid",
                    "propertyName": "activeRowActions",
                    "values": {
                        "className": "Terrasoft.Button",
                        "style": Terrasoft.controls.ButtonEnums.style.GREEN,
                        "caption": resources.localizableStrings.SomeButtonCaption,
                        "tag": "someButton"
                    }
                }
            ]/**SCHEMA_DIFF*/
        };
    }
);