Nativescript - ActionBar.navigationButton以编程方式点击

时间:2016-12-06 16:45:46

标签: nativescript

在我的应用中的某个时刻,我正在以编程方式创建详细信息页面,但我似乎无法为该页面添加点击操作以导航到上一个,我想要这里的操作栏上的按钮是我的代码:

var detailPage = function () {
        var titulo = new labelModule.Label();
        titulo.textWrap = true;
        titulo.cssClass = "titulo";
        titulo.text = tappedItem.titulo;

        var texto = new labelModule.Label();
        texto.textWrap = true;
        texto.cssClass = "texto";
        texto.text = tappedItem.texto;

        var stackLayout = new StackLayout();
        stackLayout.addChild(titulo);
        stackLayout.addChild(texto);

        var scrollView = new scrollViewModule.ScrollView();
        scrollView.content = stackLayout;

        var page = new pagesModule.Page();
        page.actionBar.navigationButton = new actionBarModule.NavigationButton();
        page.actionBar.navigationButton.icon = "res://ic_menu";
        page.actionBar.navigationButton.tap = //??

        page.content = scrollView;
        page.addCss(".titulo {height: auto;margin-top: 10;font-size:13;font-weight: bold;text-align:center;text-transform:uppercase}.texto {height:auto;text-align:justify;font-size:11}");
        return page;
    };

我不知道我是否想要使用page.actionBar.navigationButton.tap或者是否以其他方式完成...有谁知道如何执行此操作?

1 个答案:

答案 0 :(得分:1)

可以使用以下语法之一

创建事件侦听器
var navButton = new NavigationButton();
navButton.icon = "res://icon";
navButton.on("tap", function() {
    console.log("nav button tapped");
})
// or
navButton.addEventListener("tap", function() {
    console.log("nav button tapped");
});

page.actionBar.navigationButton = navButton;