JS Dialog Box

Introduction

The JS UI component <dialog> allows users to customize the dialog box style and layout. This sample shows how to use a custom dialog box to implement contacts addition and deletion.

Usage

  1. Touch Add Contact. A dialog box is displayed. Touch OK to add a contact, or touch Cancel to cancel the addition.

  2. In the contact list, touch Delete next to the new contact. A dialog box is displayed. Touch Delete to delete the contact, or touch Cancel to cancel the deletion.

Constraints

This sample can only be run on standard-system devices.