Checkbox 多选框
实际开发时碰到的BUG：

1、当点击全选后，视图中的列表不会选中

// 01.点击全选，for循环向selectIds添加id
selectIds.add(id);
update(["card"]);
// 02.视图中selectIds当前选中项的合集，id必须是String
TDCheckboxGroupContainer(selectIds: controller.selectIds,
)
// 03.但是到这里列表并没有被选中，
// 必须通过定义一个状态isAllSelected，判断是否全选
selectIds: controller.isAllSelected ?  controller.selectIds :  [],

2.单选后，判断是否全部选中

// 01. 视图中列表渲染
itemBuilder: (BuildContext context,int index){return TDCheckboxGroupContainer(selectIds: controller.isAllSelected ?  controller.selectIds :  [],child: <Widget>[TDCheckbox(id: controller.cardList[index].id.toString(),style: TDCheckboxStyle.circle,showDivider: false,onCheckBoxChanged: (selected){controller.onSelect(selected,controller.cardList[index].id.toString(),controller.cardList[index].price);},),])
}// 02.控制器中的onSelect方法，接收当前是否选中，id，价格
void onSelect(bool selected,String id,price){print('单选触发：$selected,id=$id,price=$price');var p = price as double;if(selected){selectIds.add(id);total += p;// 判断是否全选了if(selectIds.length == cardList.length){isAllSelected = true;}}else{selectIds.remove(id);total -= p;isAllSelected = false;}// 重点：我把底部单独出来写成1个组件，通过这种方法去更新底部的全选状态// 如果放在同1个页面内，通过update(["card"]);更新 列表内的选中状态就没了// 暂时不知道怎么解决，就单独抽成组件了。update(["card_foot"]);
}

view视图

TDCheckboxGroupContainer(selectIds: controller.isAllSelected ?  ['1'] :  [],child: TDCheckbox(id: '1',style: TDCheckboxStyle.circle,showDivider: false,onCheckBoxChanged: (bool selected){controller.onSelectAll(selected);},)
),

controller控制器

void onSelectAll(bool selected){isAllSelected = selected;total = 0.0;selectIds.clear();if(selected){// 全选，把所有购车中的id取出来，放到selectIds中for(var i = 0; i <cardList.length;i++){var id = cardList[i].id.toString();selectIds.add(id);var p = cardList[i].price as double;var num = cardList[i].num?.value;var itemTotal = (p*num!);total += itemTotal;}}update(["card"]);
}

完整代码点击这里查看