Erfordern Sie eine Ansicht und fügen Sie mit einer Variablen hinzu (Appcelerator Alloy)

Question

Ich weiß nicht, ob ich es richtig mache oder irgendwelche guten Praktiken benutze, aber ich versuche, Ansichten zu meiner Ansicht zu verlangen und hinzuzufügen.

aber hier habe ich einen Blick Container in meinem index.xml

<View id="containerDays" layout="vertical" height="Titanium.UI.SIZE"> 
    <Require id="requiredDay" src="NewDay"/> 
</View> 
<Label id="buttonAddDay" class="button" >Adicionar outro dia</Label> 

auch auf dem index.js ich habe:

$.buttonAddDay.addEventListener("click", addNewDay); 
function addNewDay() { 
    var novoDia = $.getView("NewDay"); 
    $.containerDays.add(novoDia); 
} 

auch habe ich die Ansicht hier in einem anderen Ordner auf:

/app/views/NewDay.xml 

und im Inneren dieser Ansicht ist ein einfaches Eingabe

<Alloy> 
    <View class="containerNewDay" layout="vertical" height="Titanium.UI.SIZE"> 
    <TextField id="Day" >write a new day</TextField> 
    </View> 
</Alloy> 

so Summieren alles auf,

1. Ich versuche, meinen $ .containerNewDay in meinem $ .containerDay hinzufügen, aber ich habe keinen Erfolg mit dem getView() oder der .open()

2. Ich werde alle Textfelder verwenden müssen, um es an einen Server zu senden, wie kann ich die IDs einstellen, aber leider habe ich keine Idee, wie das auf Appcelerator zu tun.

Answer 1

Re die Antwort oben, werden auch Sie die .add Methode von Ihrem ursprünglichen Code-Block? so soll es sein:

$.buttonAddDay.addEventListener("click", addNewDay); 

function addNewDay() { 
    var novoDia = Alloy.createController("NewDay").getView(); 
    $.containerDays.add(novoDia); 
} 

oder besser wäre:

function addNewDay() { 
    $.containerDays.add(Alloy.createController("NewDay").getView()); 
} 

, da dies keinen Zeiger offen für die Ansicht verlassen.

wenn man will es noch sauberer machen:

$.buttonAddDay.addEventListener("click", function addNewDay() { 
    $.containerDays.add(Alloy.createController("NewDay").getView()); 
}); 

oder wenn Sie wollen eine „reine“ Alloy Art und Weise halten, dann lassen Sie die addNewDay Funktion vorhanden und nur einen onClick hinzufügen = "addNewDay" Handler in der Schaltfläche XML.

Entscheidend ist, denken Sie daran, dass Sie Ihre haltige Ansicht benötigen ContainerDays ein Layout horizontalen oder Ihren zusätzlichen Ansichten zu haben, wird einfach auf die aufeinander sitzen.

Answer 2

Wechsel:

$.buttonAddDay.addEventListener("click", addNewDay); 
    function addNewDay() { 
     var novoDia = $.getView("NewDay"); 
    } 

An:

$.buttonAddDay.addEventListener("click", addNewDay); 
function addNewDay() { 
    var novoDia = Alloy.createController("NewDay").getView(); 
}