Change component's child propery from javascript file

behruz montazeri

How to make a variable static inside java script each time i click lastColor get the same value.
How can i prevent that ?

function changeColor(rectId, param1) {

    var   lastColor ="#ffffff"
    console.log("last Color: "+lastColor)
    console.log("ColorM: "+param1)

    if(lastColor === param1 ){
        console.log("Second");
         rectId.color = param1
        lastColor = "#ffffff";
        return
    }
    if(lastColor == "#ffffff"){
        rectId.color = param1
        lastColor = param1;

        console.log("First");

    }

    else console.log(lastColor)

}

Diracsbracket

@behruz-montazeri
Do a Google search for that: JavaScript + static local variable.
e.g. https://stackoverflow.com/questions/1535631/static-variables-in-javascript

behruz montazeri

@Diracsbracket
I did one. I changed my function. But here's another problem it work for only one qml file and if we call it from another qml file counter is Zero.

function changeColor(rectId, param1) {
    if( typeof changeColor.counter == 'undefined' ) {
        changeColor.counter  = 0;
    }
    changeColor.counter++
}

Diracsbracket

@behruz-montazeri
Then use a global JS variable.

behruz montazeri

@Diracsbracket
Yes that's the case.

 property int counter: 0

Diracsbracket

@behruz-montazeri
that's not a JS variable. That's a QML object property.

behruz montazeri

@Diracsbracket
Where can i declare a javascript global variable ?

Diracsbracket

@behruz-montazeri said in Change component's child propery from javascript file:

@Diracsbracket
Where can i declare a javascript global variable ?

In a javascript file. Otherwise create a property at a top-level QML object, e.g. your main window, which exists for the duration of your app.

behruz montazeri

@Diracsbracket
I guess creating property make seance in my situation. making a Javascript file variable doesn't keep track of increasing despite the several calls from different QML files.

Diracsbracket

@behruz-montazeri said in Change component's child propery from javascript file:

I guess creating property make seance in my situation.

That's usually the best way indeed.

making a Javascript file variable doesn't keep track of increasing despite the several calls from different QML files.

You can do it, if you really need it:
http://doc.qt.io/qt-5/qtqml-javascript-resources.html#shared-javascript-resources-libraries

behruz montazeri

@Diracsbracket

I have a list view i want to change the color of all rectangle inside of component with Javascript.

    ListView{
        id:fruitList
        anchors.fill: parent
        model: mModel
        delegate: mComponent
        highlight: Rectangle{
            width: parent.width
            color: "red"
        }
        Component{
            id:mComponent
           Item {
                width:parent.width
                height: rectId.height
                Rectangle{
                    id:rectId
                    width: parent.width
                    height: 80
                    border.width: 6
                    border.color: "black"

                    Image {
                        anchors.centerIn: parent
                        width:70
                        height: width
                        id: mPic
                        source: msource
                    }
                    ItemDelegate{
                        anchors.fill: parent
                        onClicked: {
                            MyColor.changeColor(rectId,colorM)
                            mText =  MyColor.textReturn("page1")
                       } 

                    }
                }

            }
        }

in Javascript :

function resetList()
{
    for (var entry = 0; entry < fruitList.count; ++entry) {
        
         // rectId.color = "white'
    }
}

Diracsbracket

@behruz-montazeri
I think this thread is closed. Thanks.

behruz montazeri

@Diracsbracket
Is it possible to ask in new topic ?