7

私はNativeScriptを学んでいます。その取り組みの一環として、ユーザーにダイアログを表示するページを作成しようとしています。ユーザーがボタンをクリックしたときに、2 つの値 (名と姓) を入力できるダイアログを表示する必要があります。

NativeScriptのダイアログ モジュールは、いくつかの組み込みオプションを提供します。ただし、私が知る限り、これらのオプションのいずれも、2 つのフィールドを表示するダイアログを作成することはできません。NativeScript でダイアログを作成して、ユーザーに名と姓の入力を促すにはどうすればよいですか? 現在、私のページは次のようになっています。

page.xml

<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>

page.js

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;
4

3 に答える 3

8

モーダル ページは既にサポートされています。ここでデモを見ることができます: https://github.com/NativeScript/NativeScript/blob/7c13db6bc241c48d5897d556f2973944b8b750d6/apps/app/ui-tests-app/modal-view/modal-view.ts

さらに、ドキュメントで必要な情報を見つけることもできます。

もう 1 つだけ言及しておきたいと思います。Borderタグを使用していることがわかりました。代わりに CSS スタイルを使用できるようになりました。

于 2015-09-08T11:53:01.067 に答える