How to dynamically add view in page or layout

问题

I can't figure out how to programatically add a view into a layout or page.

I need to add views at runtime without using static xml declaration since i need to fetch them from an http requested object... . I didn't find useful informations in the docs.

Anyone knows how to do?

回答1:

I think you meant to dynamically add some view / controls to the page rather than to navigate into another page. If so, you just need to add some controls into one of the layouts in your page (only containers [=layouts] can have multiple children.

so, your code (viewmodel/page controller) would look something like:
var layout = page.getViewById("Mycontainer");
// create dynamic content
var label = new Label();
label.text = "dynamic";
// connect to live view
layout.addChild(label)

回答2:

In addition to having a page included inside your app (normal); you download the xml, css, & js to another directory and then navigate to it by then doing something like page.navigate('downloaded/page-name');

you can also do

var factoryFunc = function () {
    var label = new labelModule.Label();
    label.text = "Hello, world!";
    var page = new pagesModule.Page();
    page.content = label;
    return page;
};

topmost.navigate(factoryFunc);

https://docs.nativescript.org/navigation#navigate-with-factory-function

回答3:

You should check out this thread on the {N} forum. The question is about dynamically loading a page and module from a remote server. The (possible) solution is given in this thread.

来源：https://stackoverflow.com/questions/30548991/how-to-dynamically-add-view-in-page-or-layout

标签

nativescript