レコード固有のアクションのコンポーネントの設定

1({
2    doInit : function(component, event, helper) {
3
4        // Prepare the action to load account record
5        var action = component.get("c.getAccount");
6        action.setParams({"accountId": component.get("v.recordId")});
7
8        // Configure response handler
9        action.setCallback(this, function(response) {
10            var state = response.getState();
11            if(component.isValid() && state === "SUCCESS") {
12                component.set("v.account", response.getReturnValue());
13            } else {
14                console.log('Problem getting account, response state: ' + state);
15            }
16        });
17        $A.enqueueAction(action);
18    },
19
20    handleSaveContact: function(component, event, helper) {
21        if(helper.validateContactForm(component)) {
22            component.set("v.hasErrors", false);
23
24            // Prepare the action to create the new contact
25            var saveContactAction = component.get("c.saveContactWithAccount");
26            saveContactAction.setParams({
27                "contact": component.get("v.newContact"),
28                "accountId": component.get("v.recordId")
29            });
30
31            // Configure the response handler for the action
32            saveContactAction.setCallback(this, function(response) {
33                var state = response.getState();
34                if(component.isValid() && state === "SUCCESS") {
35
36                    // Prepare a toast UI message
37                    var resultsToast = $A.get("e.force:showToast");
38                    resultsToast.setParams({
39                        "title": "Contact Saved",
40                        "message": "The new contact was created."
41                    });
42
43                    // Update the UI: close panel, show toast, refresh account page
44                    $A.get("e.force:closeQuickAction").fire();
45                    resultsToast.fire();
46                    $A.get("e.force:refreshView").fire();
47                }
48                else if (state === "ERROR") {
49                    console.log('Problem saving contact, response state: ' + state);
50                }
51                else {
52                    console.log('Unknown problem, response state: ' + state);
53                }
54            });
55
56            // Send the request to create the new contact
57            $A.enqueueAction(saveContactAction);
58        }
59        else {
60            // New contact form failed validation, show a message to review errors
61            component.set("v.hasErrors", true);
62        }
63    },
64
65	handleCancel: function(component, event, helper) {
66	    $A.get("e.force:closeQuickAction").fire();
67    }
68})

1({
2	validateContactForm: function(component) {
3        var validContact = true;
4
5        // First and Last Name are required
6        var firstNameField = component.find("contactFirstName");
7        if($A.util.isEmpty(firstNameField.get("v.value"))) {
8            validContact = false;
9            firstNameField.set("v.errors", [{message:"First name can't be blank"}]);
10        }
11        else {
12            firstNameField.set("v.errors", null);
13        }
14        var lastNameField = component.find("contactLastName");
15        if($A.util.isEmpty(lastNameField.get("v.value"))) {
16            validContact = false;
17            lastNameField.set("v.errors", [{message:"Last name can't be blank"}]);
18        }
19        else {
20            lastNameField.set("v.errors", null);
21        }
22
23        // Verify we have an account to attach it to
24        var account = component.get("v.account");
25        if($A.util.isEmpty(account)) {
26            validContact = false;
27            console.log("Quick action context doesn't have a valid account.");
28        }
29
30        // TODO: (Maybe) Validate email and phone number
31
32        return(validContact);
33	}
34})