0x2620/oxjs
2
0
Fork 1
Code Issues 172 Pull requests Releases Wiki Activity

update cities example

Browse source
This commit is contained in:
rolux 2012-06-27 18:25:16 +02:00
parent 773311d8d7
commit f364b2b1e0
1 changed files with 16 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
examples/lists/cities/js/example.js
View file

@ -164,22 +164,6 @@ Ox.load({UI: {showScreen: true}, Geo: {}}, function() {
First of all, we define the columns. First of all, we define the columns.
*/ */
columns: [ columns: [
{
/*
We don't want to display the id, so we omit the
`visible` attribute, which defaults to `false`. We
still have to include the id in the list of columns,
since it's the unique key of our table. In
consequence, whenever the list fires a `select`
event, it will reference this value as the item's
id.
*/
id: 'id',
operator: '+',
title: 'ID',
unique: true,
width: 80
},
{ {
/* /*
We use the `format` function to display the region We use the `format` function to display the region
@ -329,6 +313,11 @@ Ox.load({UI: {showScreen: true}, Geo: {}}, function() {
visible: true, visible: true,
width: 80 width: 80
}, },
/*
The elevation data is not very accurate, so we omit the
`visible` attribute, which defaults to `false`. Still,
the user can make the column visible.
*/
{ {
align: 'right', align: 'right',
format: function(value) { format: function(value) {
@ -341,15 +330,16 @@ Ox.load({UI: {showScreen: true}, Geo: {}}, function() {
} }
], ],
/* /*
This allows the user to move the columns around This allows the user to move the columns around.
*/ */
columnsMovable: true, columnsMovable: true,
/* /*
This enables the UI to show or hide specific columns This adds a menu that can be used to show or hide specific
columns.
*/ */
columnsRemovable: true, columnsRemovable: true,
/* /*
This makes sure the column titles get displayed This makes sure the column titles get displayed.
*/ */
columnsVisible: true, columnsVisible: true,
/* /*
@ -378,7 +368,13 @@ Ox.load({UI: {showScreen: true}, Geo: {}}, function() {
In this case, the `init` event will have a `population` In this case, the `init` event will have a `population`
property that is the sum of the population of all items. property that is the sum of the population of all items.
*/ */
sums: ['population'] sums: ['population'],
/*
The 'id' property is the unique key of our table. In
consequence, whenever the list fires a `select` event, it
will reference this value as the item's unique id.
*/
unique: 'id'
}) })
.bindEvent({ .bindEvent({
/* /*