https://github.com/dbankier/tidialogs

Titanium native module for the the missing Android dialogs.
https://github.com/dbankier/tidialogs

Last synced: 2 months ago
JSON representation

Titanium native module for the the missing Android dialogs.

• Host: GitHub
• URL: https://github.com/dbankier/tidialogs
• Owner: dbankier
• License: mit
• Created: 2013-12-01T03:48:36.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2018-11-02T11:51:17.000Z (about 6 years ago)
• Last Synced: 2024-08-04T07:02:17.017Z (5 months ago)
• Language: Java
• Size: 820 KB
• Stars: 75
• Watchers: 11
• Forks: 21
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# TiDialogs for Android

A module with the missing native Android dialogs.

### Multi-Choice Dialog

![multi](http://developer.android.com/images/ui/dialog_checkboxes.png)

### Date and Time Pickers

![pickers](http://developer.android.com/images/ui/pickers.png)

## Install

The modules/zip files is in the the `dist` folder of the repository. Add it to your project like you would any other native module.

Require the modules with the following code:

~~~

var Dialogs = require("yy.tidialogs");

~~~

## Usage

### Multi-Choice Dialog

Here is an example usage:

~~~

// Create the dialog

var picker = Dialogs.createMultiPicker({

  title:"Hello World", 

  message : "Verbose text about dialog", 

  icon : "/assets/icon.png",  // locale path to image or in res  folder

  options:["A","B","C"], 

  selected: ["B","C"],       // <-- optional

  okButtonTitle : "Yep",     // <-- optional

  cancelButtonTitle : "Nah"  // <-- optional

  onChange : function(evt)  { // <-- optional 

    console.log("index="+ "evt.index + "  checked=" + evt.checked)

}

});

// Add the click listener

picker.addEventListener('click',function(e){

  var indexes    = e.indexes;    // selected indexes

  var selections = e.selections; // the actual selected options.

  var result = e.result; // an array like [true,false,true,true]     

});

// Cancel listener

picker.addEventListener('cancel', function() {

  Ti.API.info("dialog was cancelled");

});

var onChange = function(evt) {

    console.log(evt.index + "  " + evt.value);

};

// open it

picker.show();

~~~

### Date Picker

Here is an example usage:

~~~

// Create the dialog

// value property is priority

var picker = Dialogs.createDatePicker({

  okButtonTitle: 'Set',         // <-- optional, default "Done"

  cancelButtonTitle: 'Cancel',  // <-- optional, default "Cancel"

  value: new Date(),            // <-- optional

  day: 28,                      // <-- optional

  month: 7,                     // <-- optional - java/javascript month, i.e. August

  year: 1975                    // <-- optional

});

// Add the click listener

picker.addEventListener('click',function(e){

  if (!e.cancel) {

    var value = e.value; // JavaScript Date object

    var day   = e.day;

    var month = e.month; // Jan === 0

    var year  = e.year;

  }

});

// Cancel listener

picker.addEventListener('cancel', function() {

  Ti.API.info("dialog was cancelled");

});

// open it

picker.show();

~~~

### Time Picker

Here is an example usage:

~~~

// Create the dialog

// value property is priority

var picker = Dialogs.createTimePicker({

  okButtonTitle: 'Set',         // <-- optional, default "Done"

  cancelButtonTitle: 'Cancel',  // <-- optional, default "Cancel"

  value: new Date(),            // <-- optional, JavaScript Date object

  hour: 10,                     // <-- optional

  minute: 30                    // <-- optional

});

// Add the click listener

picker.addEventListener('click',function(e){

  if (!e.cancel) {

    var value = e.value; // JavaScript Date object

    var hour   = e.hour;

    var minute = e.minute; 

  }

});

// Cancel listener

picker.addEventListener('cancel', function() {

  Ti.API.info("dialog was cancelled");

});

// open it

picker.show();

~~~

## Changelog

* Added cancel button are displayed, Honeycomb later.

* Added okButtonTitle, cancelButtonTitle and value properties.

* Compatible Ti.UI.Picker.showTimePickerDialog and Ti.UI.Picker.showDatePickerDialog properties.

### Licence: MIT