How To Filter WIX Gallery Using Selection Tags.

Show and tell
, ,
26

Hi @walterodibi @wixnobles , I use your code but it isn’t working. I don’t know why, please take a look at the code I use and give feedback to me.
I can select tag at a time but I can’t filter anything.
Thank you.

import wixData from ‘wix-data’ ;

const databaseName = ‘arraystring’ ;
const databaseField = ‘WORKS’
$w . onReady ( function () {

//SELECT ONE TAG AT A TIME AND FILTER WITH THAT TAG 🎉✨ 
$w ( '#selectionTags1' ). onChange (( event ) => { 
    const  selectedTag  =  $w ( '#selectionTags1' ). value ; 

    **for**  ( var  i  =  0 ;  i  <  selectedTag . length  -  1 ;  i ++) { 
        if  ( selectedTag . length  >  1 ) { 
            selectedTag . shift (); 

        } 
    } 

    setTimeout (() => { 
        $w ( '#selectionTags1' ). value  = []; 
        $w ( '#selectionTags1' ). value  =  selectedTag ; 

        addItemstoRepeater ( selectedTag ); 
    },  1 ) 

}); 

function  addItemstoRepeater ( selectedOption  = []) { 

    let  dataQuery  =  wixData . query ( databaseName ); 

    if  ( selectedOption . length  >  0 ) { 
        dataQuery  =  dataQuery . hasSome ( databaseField ,  selectedOption ); 
    } 

    dataQuery 
        . find () 
        . then ( results  => { 
            const  filtereditemsReady  =  results . items ; 
            $w ( '#repeater8' ). data  =  filtereditemsReady ; 

        }); 
} 

//SHOW ALL RESULTS/RESET SELECTION 🤩 
$w ( "#resetButton" ). onClick ( function  () { 
    $w ( "#dataset1" ). setFilter ( wixData . filter ()); 
    $w ( '#selectionTags1' ). value  = []; 
});

});

1892×833 47.3 KB