Exception is an event which occur during execution of program instruction and disrupts the normal flow of program instructions. Exception handling is a mechanism to handle exception so that normal flow of program should be maintained.<\/p>\n\n\n\n
Steps to perform the Exception Handling is mentioned below.<\/p>\n\n\n\n
Steps:<\/h3><\/div>\n1). Create the lightning component to show the exception.<\/p>\n\n\n\n
<-- errorComponent -->\n<aura:component>\n<!-- \n \/**\n * Webkul Software.\n *\n * @category Webkul\n * @author Webkul\n * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n * @license https:\/\/store.webkul.com\/license.html\n *\/\n -->\t\n <aura:attribute name=\"errorMsg\" type=\"String\"><\/aura:attribute>\n <aura:attribute name=\"title\" type=\"String\"><\/aura:attribute>\n <div class=\"wk_model_bg\"><\/div>\n <section role=\"dialog\" aria-labelledby=\"header\" aria-describedby=\"errMsg\" class=\"slds-modal slds-fade-in-open\">\n <div class=\"slds-modal__container \" aura:id=\"ErrorBox\" >\n <div class=\"slds-modal__header\" aura:id =\"errHeader\">\n <lightning:buttonIcon aura:id=\"clsBtn\" iconName=\"utility:close\" alternativeText=\"Close\" class=\"slds-button slds-button--neutral slds-p-horizontal--xx-small slds-m-right--x-small slds-float--right\" onclick=\"{!c.myAction}\"> \n <\/lightning:buttonIcon> \n <h2 id=\"header\" class=\"slds-text-heading--medium wk_text\">{!v.title}<\/h2>\n <\/div>\n <div class=\"myAction slds-p-around--large\" aura:id =\"errMsg\" style=\"background:#f4f6f9\">\n {!v.errorMsg}\n <\/div>\n <\/div>\n <\/section>\n \n<\/aura:component>\n<\/pre>\n\n\n\n2). Create a client site controller for errorComponent.<\/p>\n\n\n\n
({\n \/**\n * Webkul Software.\n *\n * @category Webkul\n * @author Webkul\n * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n * @license https:\/\/store.webkul.com\/license.html\n *\/\n\tmyAction : function(component, event, helper) {\n component.destroy();\n }\n})\n<\/pre>\n\n\n\n3). Here is code for button which action is to delete Account record which can not be deleted because it is associated with the case.<\/p>\n\n\n\n
<!-- deleteAccount -->\n<!-- \n\/**\n* Webkul Software.\n*\n* @category Webkul\n* @author Webkul\n* @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n* @license https:\/\/store.webkul.com\/license.html\n*\/\n-->\n\n<aura:component controller = \"accListJsClass\">\n <div aura:id=\"errorDialogPlaceholder\" >\n \t{!v.body}\n <\/div>\n <div class=\"slds-col slds-size_1-of-8 allBtn\">\n <lightning:button label=\"Delete Account\"\n iconName=\"utility:delete\"\n iconPosition=\"left\"\n variant=\"destructive\"\n onclick=\"{!c.deleteSlctd}\">\n <\/lightning:button>\n <\/div>\n<\/aura:component><\/pre>\n\n\n\n4).Create a client site controller for deleteAccount.<\/p>\n\n\n\n
({\n \/**\n * Webkul Software.\n *\n * @category Webkul\n * @author Webkul\n * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n * @license https:\/\/store.webkul.com\/license.html\n *\/\n deleteSlctd : function(component,event,helper) {\n var getCheckAllId = component.find(\"cboxRow\");\n var selctedRec = [];\n for (var i = 0; i < getCheckAllId.length; i++) {\n \n if(getCheckAllId[i].get(\"v.value\") == true )\n {\n selctedRec.push(getCheckAllId[i].get(\"v.text\")); \n }\n }\n helper.deleteSelected(component,selctedRec);\n }\n})<\/pre>\n\n\n\n5). Create a Helper for deleteAccount.<\/p>\n\n\n\n
({\n \/**\n * Webkul Software.\n *\n * @category Webkul\n * @author Webkul\n * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n * @license https:\/\/store.webkul.com\/license.html\n *\/\n deleteSelected : function(component,selctedRec){\n var action = component.get(\"c.delSlctRec\");\n action.setParams({\n \"slctRec\": selctedRec\n });\n action.setCallback(this, function(response){\n var state = response.getState();\n if(state == \"SUCCESS\")\n {\n var errorMsg = \"Successfully Deleted\";\n var error = \"Success\";\n $A.createComponent(\n \"c:errorComponent\",\n {\n \"errorMsg\": errorMsg,\n \"title\" : error\n },\n function(errComponent){\n if (component.isValid()) {\n var targetComp = component.find(\"errorDialogPlaceholder\");\n var body = component.get(\"v.body\");\n body.push(errComponent);\n component.set(\"v.body\", body); \n }\n } \n );\n } else if (state==\"ERROR\") {\n var errorMsg = action.getError()[0].message;\n console.log(errorMsg);\n var error = \"Error\";\n $A.createComponent(\n \"c:errorComponent\",\n {\n \"errorMsg\": errorMsg,\n \"title\" : error\n },\n function(errComponent){\n if (component.isValid()) {\n var targetComp = component.find(\"errorDialogPlaceholder\");\n var body = component.get(\"v.body\");\n body.push(errComponent);\n component.set(\"v.body\", body); \n }\n } \n );\n }\n });\n $A.enqueueAction(action);\n }\n})<\/pre>\n\n\n\n6). Create apex class to perform the delete operation.<\/p>\n\n\n\n
public class accListJsClass{\n \/**\n * Webkul Software.\n *\n * @category Webkul\n * @author Webkul\n * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n * @license https:\/\/store.webkul.com\/license.html\n *\/\n\n @AuraEnabled \n public List<Account> delRec = new List<Account>();\n \n @AuraEnabled \n public static List<Account> delSlctRec(List<String> slctRec)\n {\n accListJsClass alc = new accListJsClass();\n \/\/ Id is for demo purpose only \n alc.delRec = [SELECT Id FROM Account WHERE Id = '0017F000006PUEaQAO' ]; \n try{\n delete alc.delRec;\n } catch(Exception ex)\n {\n throw new AuraHandledException(ex.getMessage());\n }\n \n }\n}<\/pre>\n<\/div>\n\n\n\nOutput:<\/h3><\/div>\n![\"\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Lightning-Experience-Salesforce-5.jpg\")
<\/a><\/figure>\n<\/div>\n\n\n\n\nFor pagination in lightning component Click Here.\nFor mass delete in lightning component\u00a0Click Here.\nTo create Dynamic Component on button click\u00a0Click Here.\n<\/h3><\/div>\n\n\n\nSupport<\/h3><\/div>\nThat\u2019s all for implementation of Exception Handling in lightning component, still if you have any further query or seek assistance to make your salesforce classic apps compatible with lightning experience, feel free to add a ticket, we will be happy to help you . https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
1). Create the lightning component to show the exception.<\/p>\n\n\n\n
<-- errorComponent -->\n<aura:component>\n<!-- \n \/**\n * Webkul Software.\n *\n * @category Webkul\n * @author Webkul\n * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n * @license https:\/\/store.webkul.com\/license.html\n *\/\n -->\t\n <aura:attribute name=\"errorMsg\" type=\"String\"><\/aura:attribute>\n <aura:attribute name=\"title\" type=\"String\"><\/aura:attribute>\n <div class=\"wk_model_bg\"><\/div>\n <section role=\"dialog\" aria-labelledby=\"header\" aria-describedby=\"errMsg\" class=\"slds-modal slds-fade-in-open\">\n <div class=\"slds-modal__container \" aura:id=\"ErrorBox\" >\n <div class=\"slds-modal__header\" aura:id =\"errHeader\">\n <lightning:buttonIcon aura:id=\"clsBtn\" iconName=\"utility:close\" alternativeText=\"Close\" class=\"slds-button slds-button--neutral slds-p-horizontal--xx-small slds-m-right--x-small slds-float--right\" onclick=\"{!c.myAction}\"> \n <\/lightning:buttonIcon> \n <h2 id=\"header\" class=\"slds-text-heading--medium wk_text\">{!v.title}<\/h2>\n <\/div>\n <div class=\"myAction slds-p-around--large\" aura:id =\"errMsg\" style=\"background:#f4f6f9\">\n {!v.errorMsg}\n <\/div>\n <\/div>\n <\/section>\n \n<\/aura:component>\n<\/pre>\n\n\n\n2). Create a client site controller for errorComponent.<\/p>\n\n\n\n
({\n \/**\n * Webkul Software.\n *\n * @category Webkul\n * @author Webkul\n * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n * @license https:\/\/store.webkul.com\/license.html\n *\/\n\tmyAction : function(component, event, helper) {\n component.destroy();\n }\n})\n<\/pre>\n\n\n\n3). Here is code for button which action is to delete Account record which can not be deleted because it is associated with the case.<\/p>\n\n\n\n
<!-- deleteAccount -->\n<!-- \n\/**\n* Webkul Software.\n*\n* @category Webkul\n* @author Webkul\n* @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n* @license https:\/\/store.webkul.com\/license.html\n*\/\n-->\n\n<aura:component controller = \"accListJsClass\">\n <div aura:id=\"errorDialogPlaceholder\" >\n \t{!v.body}\n <\/div>\n <div class=\"slds-col slds-size_1-of-8 allBtn\">\n <lightning:button label=\"Delete Account\"\n iconName=\"utility:delete\"\n iconPosition=\"left\"\n variant=\"destructive\"\n onclick=\"{!c.deleteSlctd}\">\n <\/lightning:button>\n <\/div>\n<\/aura:component><\/pre>\n\n\n\n4).Create a client site controller for deleteAccount.<\/p>\n\n\n\n
({\n \/**\n * Webkul Software.\n *\n * @category Webkul\n * @author Webkul\n * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n * @license https:\/\/store.webkul.com\/license.html\n *\/\n deleteSlctd : function(component,event,helper) {\n var getCheckAllId = component.find(\"cboxRow\");\n var selctedRec = [];\n for (var i = 0; i < getCheckAllId.length; i++) {\n \n if(getCheckAllId[i].get(\"v.value\") == true )\n {\n selctedRec.push(getCheckAllId[i].get(\"v.text\")); \n }\n }\n helper.deleteSelected(component,selctedRec);\n }\n})<\/pre>\n\n\n\n5). Create a Helper for deleteAccount.<\/p>\n\n\n\n
({\n \/**\n * Webkul Software.\n *\n * @category Webkul\n * @author Webkul\n * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n * @license https:\/\/store.webkul.com\/license.html\n *\/\n deleteSelected : function(component,selctedRec){\n var action = component.get(\"c.delSlctRec\");\n action.setParams({\n \"slctRec\": selctedRec\n });\n action.setCallback(this, function(response){\n var state = response.getState();\n if(state == \"SUCCESS\")\n {\n var errorMsg = \"Successfully Deleted\";\n var error = \"Success\";\n $A.createComponent(\n \"c:errorComponent\",\n {\n \"errorMsg\": errorMsg,\n \"title\" : error\n },\n function(errComponent){\n if (component.isValid()) {\n var targetComp = component.find(\"errorDialogPlaceholder\");\n var body = component.get(\"v.body\");\n body.push(errComponent);\n component.set(\"v.body\", body); \n }\n } \n );\n } else if (state==\"ERROR\") {\n var errorMsg = action.getError()[0].message;\n console.log(errorMsg);\n var error = \"Error\";\n $A.createComponent(\n \"c:errorComponent\",\n {\n \"errorMsg\": errorMsg,\n \"title\" : error\n },\n function(errComponent){\n if (component.isValid()) {\n var targetComp = component.find(\"errorDialogPlaceholder\");\n var body = component.get(\"v.body\");\n body.push(errComponent);\n component.set(\"v.body\", body); \n }\n } \n );\n }\n });\n $A.enqueueAction(action);\n }\n})<\/pre>\n\n\n\n6). Create apex class to perform the delete operation.<\/p>\n\n\n\n
public class accListJsClass{\n \/**\n * Webkul Software.\n *\n * @category Webkul\n * @author Webkul\n * @copyright Copyright (c) 2010-2016 Webkul Software Private Limited (https:\/\/webkul.com)\n * @license https:\/\/store.webkul.com\/license.html\n *\/\n\n @AuraEnabled \n public List<Account> delRec = new List<Account>();\n \n @AuraEnabled \n public static List<Account> delSlctRec(List<String> slctRec)\n {\n accListJsClass alc = new accListJsClass();\n \/\/ Id is for demo purpose only \n alc.delRec = [SELECT Id FROM Account WHERE Id = '0017F000006PUEaQAO' ]; \n try{\n delete alc.delRec;\n } catch(Exception ex)\n {\n throw new AuraHandledException(ex.getMessage());\n }\n \n }\n}<\/pre>\n<\/div>\n\n\n\nOutput:<\/h3><\/div>\n<\/a><\/figure>\n<\/div>\n\n\n\n\nFor pagination in lightning component Click Here.\nFor mass delete in lightning component\u00a0Click Here.\nTo create Dynamic Component on button click\u00a0Click Here.\n<\/h3><\/div>\n\n\n\nSupport<\/h3><\/div>\nThat\u2019s all for implementation of Exception Handling in lightning component, still if you have any further query or seek assistance to make your salesforce classic apps compatible with lightning experience, feel free to add a ticket, we will be happy to help you . https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/<\/a><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"