Skip to content

Make TabViewItem properties data-bindable. #541

@hamorphis

Description

@hamorphis
<Page xmlns="http://www.nativescript.org/tns.xsd" loaded="onPageLoaded">
  <TabView>
    <TabView.items>
      <TabViewItem title="{{ one }}">
        <TabViewItem.view>
            <StackLayout>
                <Label text="{{ one }}" />
            </StackLayout>
        </TabViewItem.view>
      </TabViewItem>
      <TabViewItem title="{{ two }}">
        <TabViewItem.view>
            <StackLayout>
                <Label text="{{ two }}" />
            </StackLayout>
        </TabViewItem.view>
      </TabViewItem>
      <TabViewItem title="{{ three }}">
        <TabViewItem.view>
            <StackLayout>
                <Label text="{{ three }}" />
            </StackLayout>
        </TabViewItem.view>
      </TabViewItem>
    </TabView.items>
  </TabView>
</Page>
var observableModule = require("data/observable"),
    pageData = new observableModule.Observable();

exports.onPageLoaded = function (args) {
    var page = args.object;
    pageData.set("one","1");
    pageData.set("two","2");
    pageData.set("three","3");
    page.bindingContext = pageData;
};  

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions