The buttons in the dynamic page does not work properly

Ask the community
,
1

Hi everyone. I am currently new to using Wix, especially Velo. I have created a dynamic page that displays a list of items linked to a collection. I also put a textbox, a grouped radio button and a dropdown to filter the list.

The page was working fine including all the buttons and dropdowns when I run from the dynamic page. However, none of the buttons mentioned worked if I run from the home page (click run from the homepage → click the dynamic page link on the homepage). The radio button and dropdowns did not respond & I cannot insert text into the textbox.

I would be really grateful if you guys can help me solve this problem. I also attach the code snippet for the dynamic page below for your reference.

// Velo API Reference: https://www.wix.com/velo/reference/api-overview/introduction
import wixData from 'wix-data';
import wixLocation from 'wix-location';

$w.onReady(function () {
    
});

// Filter repeater functions
export function radioCategory_change(event, $w) {
    const radioButtonValue = event.target.value;
    let res = null;
    let dataCount = 0;

    $w('#dynamicDataset').setFilter(
        $w('#listRepeater').data = wixData.filter().eq("serviceCategory", radioButtonValue)
    ).then((res) => {
        dataCount = dataCount = $w('#listRepeater').data.length;
        if(dataCount == 0){
            $w('#text32').show();
        }else{
            $w('#text32').hide();
        }
        console.log("nice");
    }).catch((err) => {
        const errMSG = err;
    });
}

export function button1_click(event, $w) {
    let compInput = $w('#input1').value;
    console.log("You searched "+compInput);
    let newVar = null;

    $w('#dynamicDataset').setFilter(
        $w('#listRepeater').data = wixData.filter().contains("title", compInput)
    ).then((res) => {
        console.log("Data filtered by using search textbox");
    })
}

export function filterList($w, categoryInput){
        $w('#listRepeater').data =  $w('#dynamicDataset').setFilter(wixData.filter().eq("serviceCategory".toString(), categoryInput));
        return;
}

export function dropdown1_change(event, $w) {
    const dropdownValue = $w('#dropdown1').value.toString();
    console.log("Input : "+dropdownValue);

    $w('#dynamicDataset').setFilter(
        $w('#listRepeater').data = wixData.filter().eq("subtitle", dropdownValue)
    ).then((res) => {
        console.log("Data filtered by using dropdown");
    })
}

// End filter repeater functions