الملحق ( Component ): Dialogs

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

NativeScript يتيح لك إنشاء مربعات الحوار ( Dialogs ) في التطبيق الخاص بك بطريقة مشابهة لمتصفح الويب. يمكنك إنشاء التنبيهات والتأكيدات والمطالبات وتسجيلات الدخول ومربعات الحوار التي تتطلب اتخاذ إجراء.

يختلف مربعات الحوار ( Dialogs ) عن الملحقات الاخرى بان يجب عليك كتابته برمجيًا بإستخدام لغة الجافاسكربت ( JavaScript ).

هناك 5 مربعات حوار ( Dialogs ) في NativeScript:

1. التنبيه ( Alert )
2. التأكيد ( Confirm )
3. المطالبة ( Prompt )
4. تسجيل الدخول ( Login )
5. الأجراء ( Action )

مربع الحوار التنبية ( Alert )

var dialogs = require("ui/dialogs");
dialogs.alert({
    title: "Your title",
    message: "Your message",
    okButtonText: "Your button text"
}).then(function () {
    console.log("Dialog closed!");
});

   = 

مربع الحوار التأكيد ( Confirm )

var dialogs = require("ui/dialogs");
dialogs.confirm({
    title: "Your title",
    message: "Your message",
    okButtonText: "Your button text",
    cancelButtonText: "Cancel text",
    neutralButtonText: "Neutral text"
}).then(function (result) {
    // result argument is boolean
    console.log("Dialog result: " + result);
});

مربع الحوار المطالبة ( Prompt )

var dialogs = require("ui/dialogs");

/* الخاصية inputType تقبل dialogs.inputType.password او dialogs.inputType.text
يستخدم dialogs.inputType.password لتشفير الحقل ( جعل الحقل لكلمة السر )
يستخدم dialogs.inputType.text لجعل الحقل نص
*/

dialogs.prompt({
    title: "Your title",
    message: "Your message",
    okButtonText: "Your button text",
    cancelButtonText: "Cancel text",
    neutralButtonText: "Neutral text",
    defaultText: "Default text",
    inputType: dialogs.inputType.password
}).then(function (r) {
    console.log("Dialog result: " + r.result + ", text: " + r.text);
});

مربع الحوار تسجيل الدخول ( Login )

var dialogs = require("ui/dialogs");
dialogs.login({
    title: "Your title",
    message: "Your message",
    okButtonText: "Your button text",
    cancelButtonText: "Cancel button text",
    neutralButtonText: "Neutral button text",
    userName: "User name label text",
    password: "Password label text"
}).then(function (r) {
    console.log("Dialog result: " + r.result + ", user: " + r.userName + ", pwd: " + r.password);
});

مربع الحوار الأجراء ( Action )
 

var dialogs = require("ui/dialogs");
dialogs.action({
    message: "Your message",
    cancelButtonText: "Cancel text",
    actions: ["Option1", "Option2"]
}).then(function (result) {
    console.log("Dialog result: " + result);
    if(result == "Options1"){
        //Do action1
    }else if(result == "Option2"){
        //Do action2
    }
});