javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-17 21:01:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

add list-picker.md

Browse Source
This commit is contained in:
Nikolay Tsonev
2016-04-15 14:23:52 +03:00
parent fd7289a4c9
commit 6f5bbd69c9
2 changed files with 22 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
apps/tests/ui/list-picker/list-picker-tests.ts
View File

@ -4,21 +4,14 @@ import viewModule = require("ui/core/view");
import listPickerTestsNative = require("./list-picker-tests-native"); import listPickerTestsNative = require("./list-picker-tests-native");
import application = require("application"); import application = require("application");
// <snippet module="ui/list-picker" title="ListPicker"> // >> article-require-module
// # ListPicker
// Using a ListPicker requires the "ui/list-picker" module.
// ``` JavaScript
import listPickerModule = require("ui/list-picker"); import listPickerModule = require("ui/list-picker");
// ``` // << article-require-module
// </snippet>
function _createListPicker(): listPickerModule.ListPicker { function _createListPicker(): listPickerModule.ListPicker {
// <snippet module="ui/list-picker" title="ListPicker"> // >> article-create-listpicker
// ## Creating a ListPicker
// ``` JavaScript
var listPicker = new listPickerModule.ListPicker(); var listPicker = new listPickerModule.ListPicker();
// ``` // << article-create-listpicker
// </snippet>
listPicker.id = "ListPicker"; listPicker.id = "ListPicker";
return listPicker; return listPicker;
} }
@ -72,12 +65,9 @@ export var testWhenSettingItemsToEmptyArrayZeroNativeItemsAreCreated = function
export var testSelectedIndexBecomesZeroWhenItemsBoundToNonEmptyArray = function () { export var testSelectedIndexBecomesZeroWhenItemsBoundToNonEmptyArray = function () {
helper.buildUIAndRunTest(_createListPicker(), function (views: Array<viewModule.View>) { helper.buildUIAndRunTest(_createListPicker(), function (views: Array<viewModule.View>) {
var listPicker = <listPickerModule.ListPicker>views[0]; var listPicker = <listPickerModule.ListPicker>views[0];
// <snippet module="ui/list-picker" title="listPicker"> // >> article-binding-listpickeritems
// ## Binding listPicker.items
// ``` JavaScript
listPicker.items = [1, 2, 3]; listPicker.items = [1, 2, 3];
// ``` // << article-binding-listpickeritems
// </snippet>
var expectedValue = 0; var expectedValue = 0;
var actualValue = listPicker.selectedIndex; var actualValue = listPicker.selectedIndex;
TKUnit.assert(actualValue === expectedValue, "Actual: " + actualValue + "; Expected: " + expectedValue); TKUnit.assert(actualValue === expectedValue, "Actual: " + actualValue + "; Expected: " + expectedValue);
@ -88,12 +78,9 @@ export var testSelectedIndexBecomesUndefinedWhenItemsBoundToEmptyArray = functio
helper.buildUIAndRunTest(_createListPicker(), function (views: Array<viewModule.View>) { helper.buildUIAndRunTest(_createListPicker(), function (views: Array<viewModule.View>) {
var listPicker = <listPickerModule.ListPicker>views[0]; var listPicker = <listPickerModule.ListPicker>views[0];
listPicker.items = _createItems(10); listPicker.items = _createItems(10);
// <snippet module="ui/list-picker" title="listPicker"> // >> article-selecting-item
// ## Selecting an item programmatically
// ``` JavaScript
listPicker.selectedIndex = 9; listPicker.selectedIndex = 9;
// ``` // << article-selecting-item
// </snippet>
listPicker.items = []; listPicker.items = [];
var expectedValue = undefined; var expectedValue = undefined;
var actualValue = listPicker.selectedIndex; var actualValue = listPicker.selectedIndex;

14
apps/tests/ui/list-picker/list-picker.md Normal file
View File

@ -0,0 +1,14 @@
---
nav-title: "ListPicker How-To"
title: "How-To"
description: "Examples for using ListPicker"
---
# ListPicker
Using a ListPicker requires the "ui/list-picker" module.
<snippet id='article-require-module'/>
## Creating a ListPicker
<snippet id='article-create-listpicker'/>
## Binding listPicker.items
<snippet id='article-binding-listpickeritems'/>
## Selecting an item programmatically
<snippet id='article-selecting-item'/>