Skip to content

Add to "## Basic functionality: Add tasks" #112

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Apr 28, 2018
Merged

Add to "## Basic functionality: Add tasks" #112

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
cbf730e
Add to "## Basic functionality: Add tasks"
hines-sharrod Apr 26, 2018
209a372
Fixed a misspelling
hines-sharrod Apr 26, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions content/docs/en/getting-started/2-playground-tutorial.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -185,7 +185,7 @@ Use a `<ListView>` to show tasks below the input field.
1. Configure the positioning of the elements within the grid.
* Set the `<TextField>` to inhabit the first column and the first row.
* Set the `<Button>` to inhabit the second column and the first row.
1. Clean up sample code from the `<TextField>` and the `<ListView>`.
1. Clean up sample code from the `<TextField>` and the `<ListView>` but make sure to set a height for the `<ListView>`.
1. Log newly added tasks in the console.
1. Add newly added tasks into the array of tasks. Use `unshift` to place new items at the top of the page.
1. Clear the text field after input.
Expand Down Expand Up @@ -225,7 +225,7 @@ new Vue({
<TextField row="0" col="0" v-model="textFieldValue" hint="Enter text..." editable="true" @returnPress="onButtonTap" /> <!-- Configures the text field and ensures that pressing Return on the keyboard produces the same result as tapping the button. -->
<Button row="0" col="1" text="Add task" @tap="onButtonTap" />
</GridLayout>
<ListView for="todo in todos" @itemTap="onItemTap">
<ListView for="todo in todos" @itemTap="onItemTap" height=""> <!-- Make sure to set a height or your list will not show -->
<v-template>
<Label :text="todo.name" />
</v-template>
Expand Down Expand Up @@ -337,4 +337,4 @@ new Vue({
`,

}).$start();
```
```