function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Thiago Barbosa 1Thiago Barbosa 1 

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();
    },
    
    
   
    
    
})