You need to sign in to do that
Don't have an account?

I want to view data table through of list view. When click on the list view, it's visualization datatable. How to do it?
<div class="slds-size_3-of-12"> <lightning:select aura:id="selectOpp" name="selectItem" label="Lista" value="{!v.statusOpp}" onchange="{!c.selectOpp}"> <aura:iteration items="{!v.lstTiposOpp}" var="lstOpp"> <option value="{!lstOpp}">{!lstOpp}</option> </aura:iteration> </lightning:select> </div>
({ searchListViewSelectOption : function(component, event, helper){ var action = component.get("c.getListViews"); action.setCallback(this, function(response){ var state = response.getState(); if(state === "SUCCESS"){ var optionsList = []; var returnValue = response.getReturnValue(); console.log('ReturnValue' + JSON.stringify(returnValue)); optionsList.push('--Nenhum--'); for (var i = 0; i < returnValue.length; i++) { optionsList.push(returnValue[i].Name); } component.set("v.lstTiposOpp", optionsList); }else if (state === 'ERROR') { var errors = response.getError(); if (errors[0] && errors[0].message) { helper.showToast('Erro', errors[0].message, 'error', 'dismissible'); } } else { helper.showToast('Erro', 'Erro desconhecido', 'error', 'dismissible'); } }); $A.enqueueAction(action); }, onSearch : function(component, event, helper){ var oportunidade = component.get("v.opportunity"); var account = component.get("v.selectedRecordAccount"); var user = component.get("v.selectedRecord"); var action = component.get("c.newrefreshOptyListBySearch"); action.setParams({ jsonOpp: JSON.stringify(component.get("v.opportunity")), accountId: component.get("v.selectedRecordAccount").Id, userId : component.get("v.selectedRecord").Id }); action.setCallback(this, function(response){ var state = response.getState(); if(state === "SUCCESS"){ var returnValue = response.getReturnValue(); console.log('returnValue' + JSON.stringify(returnValue)); component.set('v.listOfOpportunities', returnValue['table']); for(var key in returnValue['mensagem']) this.showInfoToast(key, returnValue['mensagem'][key]); }else if (state === 'ERROR') { var errors = response.getError(); if (errors[0] && errors[0].message) { helper.showToast('Erro', errors[0].message, 'error', 'dismissible'); } } else { helper.showToast('Erro', 'Erro desconhecido', 'error', 'dismissible'); } }); $A.enqueueAction(action); }, onAssign : function(component, event, helper){ var checkOpp = []; var getAllId = component.find("boxPack"); if(!Array.isArray(getAllId)){ if (getAllId.get("v.value") == true) { checkOpp.push(getAllId.get("v.text")); } }else{ for (var i = 0; i < getAllId.length; i++) { if (getAllId[i].get("v.value") == true) { checkOpp.push(getAllId[i].get("v.text")); } } } console.log('Check Opp' + JSON.stringify(checkOpp)); var listOpp = component.get("v.listOfOpportunities"); console.log('Lista de Oportunidades Antes' + JSON.stringify(listOpp)); var arrayOpp = []; for(var i= 0 ; i < listOpp.length; i++){ for(var n = 0; n < checkOpp.length; n ++){ if(listOpp[i].Id == checkOpp[n]){ arrayOpp.push(listOpp[i]); listOpp.splice(i,1); } } } console.log('Lista de Opp' + listOpp); console.log('Lista de Oportunidades Após'+ JSON.stringify((arrayOpp))); var user = component.get("v.selectedRecordUser"); if(user.Name == ''){ helper.showToast('Alerta', 'Por Favor insira o úsuario no campo Atribuir Para:', 'warning'); return; } var action = component.get("c.newAssign"); action.setParams({ userId : component.get("v.selectedRecordUser").Id, lstOpport : arrayOpp }); action.setCallback(this, function(response){ var state = response.getState(); if(state === "SUCCESS"){ var returnValue = response.getReturnValue(); console.log('returnValue' + JSON.stringify(returnValue)); if(returnValue['mensagemErro'] != ''){ component.set("v.listOfOpportunities", listOpp); for(var key in returnValue['mensagemErro']){ this.showInfoToast(key, returnValue['mensagemErro'][key]); break; } } }else if (state === 'ERROR') { var errors = response.getError(); if (errors[0] && errors[0].message) { helper.showToast('Erro', errors[0].message, 'error', 'dismissible'); } } else { helper.showToast('Erro', 'Erro desconhecido', 'error', 'dismissible'); } }); $A.enqueueAction(action); }, clear :function(component,event,heplper){ var pillTarget = component.find("lookup-pill"); var lookUpTarget = component.find("lookupField"); $A.util.addClass(pillTarget, 'slds-hide'); $A.util.removeClass(pillTarget, 'slds-show'); $A.util.addClass(lookUpTarget, 'slds-show'); $A.util.removeClass(lookUpTarget, 'slds-hide'); component.set("v.SearchKeyWord",null); component.set("v.listOfSearchRecords", null ); }, handleComponentEvent : function(component, event, helper) { var selectedUserGetFromEvent = event.getParam("userByEvent"); component.set("v.selectedRecord" , selectedUserGetFromEvent); var forclose = component.find("lookup-pill"); $A.util.addClass(forclose, 'slds-show'); $A.util.removeClass(forclose, 'slds-hide'); var forclose = component.find("searchRes"); $A.util.addClass(forclose, 'slds-is-close'); $A.util.removeClass(forclose, 'slds-is-open'); var lookUpTarget = component.find("lookupField"); $A.util.addClass(lookUpTarget, 'slds-hide'); $A.util.removeClass(lookUpTarget, 'slds-show'); }, clearAcc : function(component, event, helper){ var pillTarget = component.find("lookup-pillAcc"); var lookUpTarget = component.find("lookupFieldAcc"); $A.util.addClass(pillTarget, 'slds-hide'); $A.util.removeClass(pillTarget, 'slds-show'); $A.util.addClass(lookUpTarget, 'slds-show'); $A.util.removeClass(lookUpTarget, 'slds-hide'); component.set("v.SearchKeyWordAcc",null); component.set("v.listOfSearchRecordsAccount", null ); }, clearUser : function(component, event, helper){ var pillTarget = component.find("lookup-pillUser"); var lookUpTarget = component.find("lookupFieldUser"); $A.util.addClass(pillTarget, 'slds-hide'); $A.util.removeClass(pillTarget, 'slds-show'); $A.util.addClass(lookUpTarget, 'slds-show'); $A.util.removeClass(lookUpTarget, 'slds-hide'); component.set("v.searchKeyWordUser",null); component.set("v.listOfSearchRecordsUser", null); }, handleComponentEventAccount: function(component, event, helper){ var selectedAccountGetFromEvent = event.getParam("accountByEvent"); component.set("v.selectedRecordAccount" , selectedAccountGetFromEvent); var forclose = component.find("lookup-pillAcc"); $A.util.addClass(forclose, 'slds-show'); $A.util.removeClass(forclose, 'slds-hide'); var forclose = component.find("searchResAcc"); $A.util.addClass(forclose, 'slds-is-close'); $A.util.removeClass(forclose, 'slds-is-open'); var lookUpTarget = component.find("lookupFieldAcc"); $A.util.addClass(lookUpTarget, 'slds-hide'); $A.util.removeClass(lookUpTarget, 'slds-show'); }, handleComponentEventUser : function(component, event, helper){ var selectedUserGetFromEvent = event.getParam("userTwoByEvent"); component.set("v.selectedRecordUser" , selectedUserGetFromEvent); var forclose = component.find("lookup-pillUser"); $A.util.addClass(forclose, 'slds-show'); $A.util.removeClass(forclose, 'slds-hide'); var forclose = component.find("searchResAtt"); $A.util.addClass(forclose, 'slds-is-close'); $A.util.removeClass(forclose, 'slds-is-open'); var lookUpTarget = component.find("lookupFieldUser"); $A.util.addClass(lookUpTarget, 'slds-hide'); $A.util.removeClass(lookUpTarget, 'slds-show'); }, searchHelper : function(component,event,getInputkeyWord) { var action = component.get("c.getUsersName"); action.setParams({ 'searchKeyWord': getInputkeyWord }); action.setCallback(this, function(response) { var state = response.getState(); if (state === "SUCCESS") { var storeResponse = response.getReturnValue(); if (storeResponse.length == 0) { component.set("v.Message", 'Nenhum Resultado Encontrado...'); } else { component.set("v.Message", 'Buscando Resultado...'); } component.set("v.listOfSearchRecords", storeResponse); } }); $A.enqueueAction(action); }, searchHelperAccount : function(component,event,getInputkeyWord) { var action = component.get("c.getAccount"); action.setParams({ 'searchKeyWord': getInputkeyWord }); action.setCallback(this, function(response) { var state = response.getState(); if (state === "SUCCESS") { var storeResponse = response.getReturnValue(); if (storeResponse.length == 0) { component.set("v.messageAccount", 'Nenhum Resultado Encontrado...'); } else { component.set("v.messageAccount", 'Buscando Conta...'); } component.set("v.listOfSearchRecordsAccount", storeResponse); } }); $A.enqueueAction(action); }, searchHelperUser : function(component,event,getInputkeyWord) { var action = component.get("c.getUsersName"); action.setParams({ 'searchKeyWord': getInputkeyWord }); action.setCallback(this, function(response) { var state = response.getState(); if (state === "SUCCESS") { var storeResponse = response.getReturnValue(); if (storeResponse.length == 0) { component.set("v.messageUser", 'Nenhum Resultado Encontrado...'); } else { component.set("v.messageUser", 'Buscando Usuario...'); } component.set("v.listOfSearchRecordsUser", storeResponse); } }); $A.enqueueAction(action); }, showInfoToast : function(message, type) { var mode; switch(type) { case "info": mode = 'dismissible'; break; case "success": mode = 'pester'; break; case "error": mode = 'pester'; break; case "warning": mode = 'dismissible'; break; default: mode = 'dismissible'; } var toastEvent = $A.get("e.force:showToast"); toastEvent.setParams({ title : 'Atenção!', message: message, duration:' 5000', key: 'info_alt', type: type, mode: mode }); toastEvent.fire(); }, showToast: function (title, message, type, mode) { var toastEvent = $A.get("e.force:showToast"); toastEvent.setParams({ "title": title, "mode": mode, "type": type, "message": message, "duration": 10000 }); toastEvent.fire(); }, })