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