Javascript NativeScript中的自定义对话框
我在学习。作为这项工作的一部分,我正在尝试创建一个向用户显示对话框的页面。当用户单击按钮时,我需要向他们显示一个对话框,允许他们输入两个值(名字和姓氏) in-NativeScript提供了几个内置选项。但是,据我所知,这些选项都不允许您创建显示两个字段的对话框。如何在NativeScript中创建一个对话框,允许我提示用户输入名字和姓氏?当前,我的页面如下所示: page.xmlJavascript NativeScript中的自定义对话框,javascript,nativescript,Javascript,Nativescript,我在学习。作为这项工作的一部分,我正在尝试创建一个向用户显示对话框的页面。当用户单击按钮时,我需要向他们显示一个对话框,允许他们输入两个值(名字和姓氏) in-NativeScript提供了几个内置选项。但是,据我所知,这些选项都不允许您创建显示两个字段的对话框。如何在NativeScript中创建一个对话框,允许我提示用户输入名字和姓氏?当前,我的页面如下所示: page.xml <Page xmlns="http://www.nativescript.org/tns.xsd" load
<Page xmlns="http://www.nativescript.org/tns.xsd" loaded="pageLoaded">
<GridLayout rows="auto, *">
<Border borderWidth="1" borderColor="#000" width="28" height="28" cornerRadius="14" tap="addPersonButton_Tap">
<Label text="add person" />
</Border>
</GridLayout>
</Page>
我以前从未见过NativeScript,但只是浏览一下文档,我认为您的方法不对。在文档中,它说,“NativeScript允许您以类似于web浏览器的方式在应用程序中创建对话框。您可以创建需要操作的警报、确认、提示、登录和对话框。”而在web浏览器中,您无法按要求执行操作(调出带有两个小文本字段的对话框提示)。在web浏览器中,您可以通过使用html创建表单来实现这一点。这里看起来像示例2:更符合您的要求。我们已经支持模式页面。在这里,您可以看到它的演示: 此外,您还可以在文档中找到所需的信息:
我只想再提一件事。我看到您正在使用边框标记。现在您可以使用CSS样式了。搜索“显示自定义对话框”时登陆此处的任何人。请参阅
这里正确地记录了如何在nativescript中显示自定义对话框。在页面底部特别查找showModal函数。在此函数中,用户可以传入moduleName(从应用程序根开始)、上下文、closeCallBack函数和布尔值,以全屏显示模式。hey@Neli Chakarova github链接已失效。请你更新一下好吗?嘿@HardikVaghani-我相信是这个链接取代了答案中的链接。请告诉我这是否是你要找的。
var viewModel = new MyPageViewModel();
function pageLoaded(args) {
var page = args.object;
page.bindingContext = viewModel;
}
exports.pageLoaded = pageLoaded;
function addPersonButton_Tap(args) {
console.log('new person');
/*
* Dialog open code goes here. Yet, the following definitaly is not correct.
dialogs.prompt({
title: "Add New Person",
message: "First Name",
okButtonText: "Save",
cancelButtonText: "Cancel",
inputType: dialogs.inputType.text
}).
then(function (r) {
if (r.result) {
console.log('User clicked "Save"!');
}
});
*/
}
exports.addPersonButton_Tap = addPersonButton_Tap;