https://github.com/caffeinalab/ti.searchbar
Titanium Widget to display a search bar.
https://github.com/caffeinalab/ti.searchbar
Last synced: 6 months ago
JSON representation
Titanium Widget to display a search bar.
- Host: GitHub
- URL: https://github.com/caffeinalab/ti.searchbar
- Owner: caffeinalab
- License: mit
- Created: 2016-07-26T09:01:06.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2017-03-02T11:31:28.000Z (over 9 years ago)
- Last Synced: 2024-08-03T07:02:59.309Z (almost 2 years ago)
- Language: JavaScript
- Size: 13.7 KB
- Stars: 36
- Watchers: 13
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Ti.Searchbar
### com.caffeina.titanium.searchbar
Titanium Widget to display a search bar.
## Installation
#### Via Gittio
```
gittio install com.caffeina.titanium.searchbar
```
#### Via Github
Download the latest release, and add in your *config.json*, under `dependencies`:
```json
"dependencies": {
"com.caffeina.titanium.searchbar": "*"
}
```
## Fully stylable via TSS
Watch the `widget.tss` file for all options and override the rules with ID instead of class.
## Usage
In you XML file:
```xml
```
In your JS file:
```js
$.searchBar.on('change', function(e) {
// Filter your data using e.value
})
```
## Constructor options
#### `animationsDuration` (Number, default: `400`)
The duration of the animations.
#### `title` (String, default: `Ti.App.name`)
The title for the label.
## API
#### `.setSearchMode()`
Set the UI in search mode.
#### `.setTitleMode()`
Set the UI in title mode.