StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POBind table with dynamic rows and columns from two lists
primarykey
Id
18701613
data
AcceptedAnswerId
18721497
AnswerCount
2
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-09-09T15:20:13.633
FavoriteCount
0
LastActivityDate
2014-01-15T15:45:03.953
LastEditDate
2014-01-15T15:45:03.953
LastEditorUserId
217408
OwnerUserId
2761797
ParentId
0
PostTypeId
1
Score
0
ViewCount
859
LastEditorDisplayName
text
Body
<p>I'm trying to create a family-calendar style app that has a table with names of persons as columns and dates as rows. Not sure how to do this but this is what I have so far:</p> <p><strong>calendartable.html</strong></p> <pre class="lang-html prettyprint-override"><code><polymer-element name="calendar-table"> <template> <table> <tr template repeat="{{dates}}"> <td template repeat="{{people}}">{{name}}</td> </tr> </table> </template> <script type="application/dart" src="calendartable.dart"></script> </polymer-element> </code></pre> <p><strong>calendartable.dart</strong></p> <pre class="lang-dart prettyprint-override"><code>import 'package:polymer/polymer.dart'; class Person { String name; Person(this.name); } @CustomTag('calendar-table') class CalendarTable extends PolymerElement { List people = [new Person("Kalle"), new Person("Olle")]; List dates = [new DateTime(2013, 09, 09), new DateTime(2013, 09, 10)]; } </code></pre> <p>Some questions about the above:</p> <ol> <li>The above code does not work, "Uncaught Error: EvalException: variable not found: people in 193757919". Is this due to <a href="https://code.google.com/p/dart/issues/detail?id=12742" rel="nofollow">this bug</a> or am I doing something else wrong?</li> <li>Is there another way to create tables with both dynamic rows and columns? Maybe some workaround if the bug is affecting my code?</li> <li>Is there any docs about using "template" as an attribute rather than an element? (Just saw some other code that used it as an attribute and it seems to work but cannot find any official docs)</li> </ol> <p><strong>UPDATE:</strong></p> <p>The output I am looking for is something like this. (I plan to add content for the "X" in the cells once I have the basic layout rendering correctly):</p> <pre><code>+------------+-------+------+ | | Kalle | Olle | +------------+-------|------+ | 2013-09-09 | X | X | +------------+-------+------+ | 2013-09-10 | X | X | +------------+-------+------+ </code></pre> <p><strong>UPDATE:</strong></p> <p>This is what I ended up with that works (thanks to ianmjones for pointing me in the right direction!):</p> <p><strong>calendartable.html</strong></p> <pre class="lang-html prettyprint-override"><code><polymer-element name="calendar-table"> <template> <table> <tr> <td></td> <template repeat="{{person in people}}"> <td>{{person.name}}</td> </template> </tr> <template repeat="{{date in dates}}"> <tr> <td>{{date.toString()}}</td> <template repeat="{{person in people}}"> <td>X</td> </template> </tr> </template> </table> </template> <script type="application/dart" src="calendartable.dart"></script> </polymer-element> </code></pre>
Tags
<dart><polymer>
Title
Bind table with dynamic rows and columns from two lists
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USGünter Zöchbauer
UserOwnerUserId
1. USJonas Kello
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.