Usuń dzieci z QML Grid

Question

Chcę przełączyć się przez dzieci sieci QML i zniszczyć każdą z nich za pomocą Javascript.

Grid { 
    id: contentGrid 
    spacing: 10 

    ImageItem { imageSource: "file:/foo.jpeg" } // destroy this 
    ImageItem { imageSource: "file:/bar.jpeg" } // destroy this as well 
} 

Próbowałem zrobić coś takiego, ale to nie działa tak daleko.

for(var i = 0; contentGrid.children.length() < i; i++) { 
    contentGrid.childAt(i).destroy(); 
} 

Answer 1

mieć szereg problemów w swojej próbie powyżej ... Po pierwsze, musisz iteracyjne tyłu bo chcesz być przesuwanie zawartości dzieci w dół, jak wcześniej (czyli jeśli usuniesz # 1, numer # 2 stałby się dzieckiem nr 1, a następnie chciałbyś usunąć # 2, które byłoby starszym dzieckiem # 3).

Po drugie, musisz inaczej uzyskać dostęp do dzieci. Funkcja childAt() służy do lokalizowania dziecka na określonym x, y na ekranie, a nie pozycji na liście.

Spróbuj to zamiast:

import QtQuick 1.0 

Rectangle { 
    width: 400 
    height: 400 
    Grid { 
    id: contentGrid 
    spacing: 10 

    Text { text: "foo" } // destroy this 
    Text { text: "bar" } // destroy this as well 
    } 
    MouseArea { 
    anchors.fill: parent 
    onClicked: { 
     for(var i = contentGrid.children.length; i > 0 ; i--) { 
     console.log("destroying: " + i) 
     contentGrid.children[i-1].destroy() 
     } 
    } 
    } 
} 

Answer 2

lub można po prostu powiedzieć: grid.children = "";

Answer 3

Chcę po prostu skopiować & wkleić fragment z dokumentacji:

Należy pamiętać, że nigdy nie należy ręcznie usuń obiekty, które zostały dynamicznie utworzone przez dogodne fabryki obiektów QML (takie jak Loader i Repeater). Należy także unikać usuwania obiektów, które nie zostały samodzielnie utworzone przez użytkownika dynamicznie.

Następnie odpowiedź brzmi: NIE POWINIENEŚ robić tego! Spróbuj utworzyć obiekt dynamicznie, jeśli chcesz go później usunąć.

Documentation

Answer 4

Jako dodatek do odpowiedzi Atron jest pamiętać, że documentation wyraźnie wspomina, że ​​destroy ing statycznie utworzony obiekt ręcznie nie jest dozwolony:

Item { 
    SelfDestroyingRect { 
     // ... 
    } 
} 

Spowodowałoby błędu ponieważ obiekty mogą być dynamicznie niszczone tylko wtedy, gdy zostały utworzone dynamicznie.

Dlatego zgadzam się z mshefiti że prawidłowe rozwiązanie (dla elementów, które nie są tworzone dynamicznie) jest:

grid.children = [];