mirror of
https://github.com/NativeScript/NativeScript.git
synced 2025-08-17 12:57:42 +08:00
26a8782cf3
If the user wants to display only action sheet buttons w/o any text and he sends null as message, the empty string causes an empty title to be shown above the buttons. Having null instead, completely eliminates the empty space.
Dialogs module. Examples:
require("globals");
var dialogs = require("ui/dialogs");
dialogs.alert("Some message")
.then(function () { dialogs.alert("Alert closed!"); });
dialogs.alert("Some message", { title: "My custom title", okButtonText: "Close" })
.then(function () { dialogs.alert("Alert closed!"); });
dialogs.confirm("Some question?").then(function (r) { dialogs.alert("Result: " + r); });
dialogs.confirm("Some question?", { title: "My custom title", okButtonText: "Yes", cancelButtonText: "No" })
.then(function (r) { dialogs.alert("Result: " + r); });
dialogs.confirm("Some question?", { title: "My custom title", okButtonText: "Yes", cancelButtonText: "No", neutralButtonText: "Not sure" })
.then(function (r) { dialogs.alert("Result: " + r); });
dialogs.prompt("Some message")
.then(function (r) { dialogs.alert("Boolean result: " + r.result + ", entered text: " + r.text); }).fail(function (e) { console.log(e) });
dialogs.prompt("Some message", "Default text for the input", {
title: "My custom title", okButtonText: "Yes",
cancelButtonText: "No", neutralButtonText: "Not sure", inputType: dialogs.InputType.Password
}).then(function (r) { dialogs.alert("Boolean result: " + r.result + ", entered text: " + r.text); });
dialogs.login("Enter your user name and password:").then(function(r) {
dialogs.alert("Result:" + r.result + " User name:" + r.userName + " Password:" + r.password);
});
dialogs.login("Enter your user name and password:", "", "",
{
title: "Login",
okButtonText: "Sign In",
cancelButtonText: "Cancel",
neutralButtonText:"Sign Up"
})
.then(function(r) {
dialogs.alert("Result:" + r.result + " User name:" + r.userName + " Password:" + r.password);
if(r.result) {
// login here
} else if(r.result === false) {
// perform something on cancel if you want
} else if(r.result === "undefined") {
// you can create new user credentials here for example
}
}).fail(function(e){ console.log(e)});
Custom dialogs:
require("globals");
var dialogs = require("ui/dialogs");
/// Splash
var d = new dialogs.Dialog("Loading...");
d.show();
setTimeout(function(){ d.hide(); }, 2000);
//or cancelable loading dialog
var d = new dialogs.Dialog("Loading...",
function(r){ dialogs.alert("You just canceled loading!"); }, { cancelButtonText: "Cancel" });
d.show();
setTimeout(function(){ d.hide(); }, 10000);