Extends UITable making each row a selectable item.

Overview

UIPickerTable

UIPickerTable is a Scriptable class module that extends UITable making each row a selectable item.

gif of running example


-new UIPickerTable

Creates an intance of a picker table.

const UIPickerTable = importModule('uipickertable')
const table = new UIPickerTable(options)

Parameters

options - a JSON value specifying customizations for the table.

  • multiSelect - specifies whether the table will provide single or multiple selections. Default is true.
  • selectedBackgroundColor - The color to use as the background color for selected rows. Default is #a8a8a8.

-addRow

Overrides UITable.addRow() with an additional parameter to indicate if the row is selected. Default is false. the selected parameter is ignored if .multiselect is false.

table.addRow(row: UITableRow, selected: bool)

Parameters

row - the row to add


-selections: number[]

An array containing the indices of the selected rows. The order of the indices follows the order they are selected.

table.selections: integer[]

Example

Example basic usage below. Download uipickertable-sample.js for another example.

const UIPickerTable = importModule('uipickertable')
const table = new UIPickerTable()

const row1 = new UITableRow()
row1.addText('hello')
row1.addText('world')
table.addRow(row1, true) // selected by default

const row2 = new UITableRow()
row2.addText('foo')
row2.addText('bar')
table.addRow(row2)

await table.present()

log(table.selections) // [0]

tracking pixel

You might also like...

Extends Bootstrap Tooltips and Popovers by adding custom classes. Available for Bootstrap 3 and Bootstrap 4.

Extends Bootstrap Tooltips and Popovers by adding custom classes. Available for Bootstrap 3 and Bootstrap 4.

Bootstrap Tooltip Custom Class Extends Bootstrap Tooltips and Popovers by adding custom classes. Available for Bootstrap 3 and Bootstrap 4. Define you

Feb 10, 2022

JavaScript library for one-directional scrolling with item based navigation support.

Sly JavaScript library for one-directional scrolling with item based navigation support. Sly supports navigation with: mouse wheel scrolling scrollbar

Dec 23, 2022

Open-source project which generates the Fortnite Item Shop in an image similar to the in-game design.

Open-source project which generates the Fortnite Item Shop in an image similar to the in-game design.

Fort-Shop Fort-Shop is a unique project which generates the current Fortnite Item Shop into a stylized image, similar to the new In-Game design (refer

Jan 5, 2023

Select creates a dropdown list of items with the selected item in closed view.

Select creates a dropdown list of items with the selected item in closed view.

Native Base Select 🔽 This module includes a customizable multi-select and a single select component for Native Base. The package is both Android and

Dec 25, 2022

⚙️ A GitHub Action to push a feed item to RSS3 network

RSS3 Github Action Update a users feed to reflect changes in a Github Repository. Setup Have a copy of your private key Add an environment secret to y

Apr 26, 2022

The Cycle: Frontier - Item Tracker

This is a progress tracker for The Cycle: Frontier, designed to help you manage your inventory and give you an idea of how many items to keep around for future quests and upgrades.

Nov 22, 2022

fully selfhosted multi-user web app for externally storing Reddit items (saved, created, upvoted, downvoted, hidden) to bypass Reddit's 1000-item listing limits

expanse fully selfhosted multi-user web app for externally storing Reddit items (saved, created, upvoted, downvoted, hidden) to bypass Reddit's 1000-i

Dec 30, 2022

CoWIN Vaccination Tracker, Below is the PRODUCTION LINK this is updated at end of each day. To see any latest Updates, please check the documentation

CoWIN Vaccination Slots Checking App. CoWIN Vaccination Slots Checking App is a user-friendly website that allow users to find vaccine in nearby avail

Jan 28, 2022

A group listening chat app that utilizes the spotify api to enable the users to queue, pause, change songs, as well as chat with each other

Next.js + Tailwind CSS Example This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind

Dec 19, 2021

TV Show App is an application that allows to searh tv shows based on user input. Each tv show is displayed in a Bulma Card component and when clicked, heads you to the official tv show site

TV SHOW APP TV Show App is an application that allows to search tv shows based on user input. Each tv show is displayed in a Bulma* Card component and

Dec 19, 2021

Mixed Messages is a simple Node.js application, that will print a randomized fake fact to the terminal each time it is ran.

Mixed Messages - Fake Fact Generator Mixed Messages is a simple Node.js application, That will print a randomized fake fact to the terminal each time

Jan 10, 2022

Each commit is a step of training.

Each commit is a step of training.

This project was bootstrapped with Create React App. Below you will find some information on how to perform common tasks. You can find the most recent

Jun 18, 2022

This application allows you to create a list to keep tracks of the books you are reading and check the progress for each book.

This application allows you to create a list to keep tracks of the books you are reading and check the progress for each book.

Bookstore This is an application built to track the books you are reading and the progress you have made for each book! Additional description about t

Feb 27, 2022

Wordle is a simple word game created by a Software Engineer Wardle. I made this simple helper app to show remaining words in each step.

Wordle is a simple word game created by a Software Engineer Wardle. I made this simple helper app to show remaining words in each step.

Wordle Helper Wordle is a simple word game created by a Software Engineer Wardle. I made this simple helper app to show remaining words in each step.

Oct 24, 2022

Compare camelized/dasherized/underscored strings each other 🤜🏿 🤛🏿

aynen Compare camelized/dasherized/underscored strings each other Install npm install aynen yarn add aynen Usage import aynen from 'aynen'; aynen('fo

Mar 25, 2022

This is Covid-19 data that shows for each country.You can search your country and know its statistics .

COVID-19 Data TRACKER This is Covid-19 data that shows for each country.You can search your country and know its statistics . Built With HTML, CSS, SC

Apr 21, 2022

Clubhouse is a new type of social network based on voice—where people around the world come together to talk, listen and learn from each other in real-time.

Clubhouse is a new type of social network based on voice—where people around the world come together to talk, listen and learn from each other in real-time.

Awesome Clubhouse The clubhouse is a new type of social network based on voice—where people around the world come together to talk, listen and learn f

Nov 9, 2022

Simple components showing differences in each major frontend web framework.

Web Frameworks A collection of simple components in each of the leading frontend web frameworks. So far, covering React, Vue, Angular, Svelte and Soli

Nov 27, 2022

This is a simple web application of a To-do List in which you can add, remove and edit all your tasks and also you can mark each task as completed and delete all completed ones.

To-Do List A simple web application of a to do list Built With HTML, CSS, JS, ES6 & Webpack Getting Started In this repository I created To-Do List SP

Apr 11, 2022
Owner
Raymond Velasquez
Raymond Velasquez
A little animation for a big menu where the letters of a word shuffle to become the first letter of each menu item.

Letter Shuffle Animation for a Menu A little animation for a big menu where the letters of a word shuffle to become the first letter of each menu item

Codrops 29 Dec 4, 2022
🪗 Play the 3-row diatonic button accordion with your computer keyboard!

Keyboard Accordion Play the diatonic button accordion with your computer keyboard! Todo Add bass notes Add CGF and EAD tunings Add scales Add bottom 3

Tania Rascia 125 Dec 7, 2022
A table component for your Mantine data-rich applications, supporting asynchronous data loading, column sorting, custom cell data rendering, row context menus, dark theme, and more.

Mantine DataTable A "dark-theme aware" table component for your Mantine UI data-rich applications, featuring asynchronous data loading support, pagina

Ionut-Cristian Florescu 331 Jan 4, 2023
Several custom made and legacy icons, and icons collected all over the internet in 1 set, UI selectable.

Custom icon library Several custom made and legacy icons, and icons collected all over the internet in 1 set, UI selectable. Upon each Material Design

Marius 12 Dec 12, 2022
Touch enabled selectable plugin inspired by the jQuery UI widget.

Inspired by the jQuery UI Selectable plugin. Functionality and options are identical to the jQuery UI version with some additions and performance enha

Karl 135 Nov 24, 2022
A JavaScript library that creates a small dropdown list of selectable Emojis.

Welcome to EmojiButtonList.js: This is a JavaScript library that creates a small dropdown list of selectable Emojis. To get started, download the sour

William Troup 2 Mar 27, 2021
A javascript library that extends D3.js to enable fast and beautiful visualizations.

d3plus D3plus is a JavaScript re-usable chart library that extends the popular D3.js to enable the easy creation of beautiful visualizations. Installi

D3plus 1.6k Dec 2, 2022
Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.

Konva Konva is an HTML5 Canvas JavaScript framework that enables high performance animations, transitions, node nesting, layering, filtering, caching,

konva 8.7k Jan 8, 2023
Extends the default Bootstrap Modal class. Responsive, stackable, ajax and more.

Note: Since this plugin was created to solve a lot of the issues with BS2, it still uses the BS2 markup syntax. Currently I believe the default BS3 mo

Jordan Schroter 5k Dec 28, 2022
Extends Express.js with response hooks

Express Response Hooks Extend Express.js with response hooks, primarily aimed to manipulate the response before being sent to the client. Installation

Arik 4 Oct 16, 2022