Dart 使用两个列表中的动态行和列绑定表

Dart 使用两个列表中的动态行和列绑定表,dart,polymer,Dart,Polymer,我正在尝试创建一个家庭日历样式的应用程序,它有一个以人名为列、日期为行的表。我不知道该怎么做,但这就是我目前所做的: calendartable.html {{name}} 日历表.省道 import'包装:polymer/polymer.dart'; 班主任 { 字符串名; 人员(姓名); } @CustomTag('日历表') 类CalendarTable扩展了聚合关系{ 列出人员=[新人(“Kalle”)、新人(“Olle”)]; 列表日期=[新日期时间(2013,09,09),新日期

我正在尝试创建一个家庭日历样式的应用程序,它有一个以人名为列、日期为行的表。我不知道该怎么做,但这就是我目前所做的:

calendartable.html


{{name}}
日历表.省道

import'包装:polymer/polymer.dart';
班主任
{
字符串名;
人员(姓名);
}
@CustomTag('日历表')
类CalendarTable扩展了聚合关系{
列出人员=[新人(“Kalle”)、新人(“Olle”)];
列表日期=[新日期时间(2013,09,09),新日期时间(2013,09,10)];
}
关于上述问题:

  • 上面的代码不起作用,“未捕获错误:EvalException:未找到变量:193757919中的人”。这是因为还是我做错了什么
  • 有没有另一种方法可以创建同时包含动态行和列的表?如果bug影响了我的代码,可能需要一些解决方法
  • 有没有关于使用“模板”作为属性而不是元素的文档?(刚刚看到一些其他代码将其用作属性,它似乎可以工作,但找不到任何正式文档)
  • 更新:

    我想要的输出是这样的。(一旦基本布局渲染正确,我计划在单元格中添加“X”的内容):

    更新:

    这就是我最终得到的效果(感谢ianmjones为我指明了正确的方向!):

    calendartable.html

    
    {{person.name}
    {{date.toString()}}
    X
    
    更新问题后,此答案不再适用

    我不知道你的表格单元格是如何布置的。例如,在您的实现中,没有输出日期值的位置

    假设我没有完全误解您想要的布局,您可以将元素
    内容重写如下:

    
    {{name}}
    {{}}
    

    这将把两个名字放在第一行,两个日期放在第二行(如果你真的想要的话)。

    我认为这就是你想要的,或者至少会让你更接近

    
    {{date.toString()}}
    {{person.name}
    
    这应该给你们提供和日期一样多的行,第一列是日期(需要一些格式),下一列包含每个人的名字

    e、 g:


    我已经用我正在寻找的布局示例更新了这个问题。这更像是一个矩阵布局。啊,那么我的答案就不再适用了。我会试着想出一些其他的办法。我希望有多少行就有多少行,有多少人就有多少列。然后,在每个日期/名称相交的单元格中,我希望呈现计划信息。请参阅更新的问题以获取示例。实际上,您的示例非常接近,我将尝试:-)
    +------------+-------+------+
    |            | Kalle | Olle |
    +------------+-------|------+
    | 2013-09-09 |   X   |   X  |
    +------------+-------+------+
    | 2013-09-10 |   X   |   X  |
    +------------+-------+------+
    
    2013-09-09 00:00:00.000 Kalle   Olle
    2013-09-10 00:00:00.000 Kalle   Olle