以下以dx-data-grid为例:
DevExtreme有自定义template的功能,例如:
<div id="gridContainer" dx-data-grid="dxGrit" dx-item-alias=“itemobj”>
<div data-options="dxTemplate:{ name:'temp' }">
</div>
</div>
itemobj的结构如下
cellElement:n.fn.init[1]
column:Object
columnIndex:0
data:Object
displayValue:"2016"
isEditing:false
key:Object
resized:Object
row:Object
rowIndex:0
rowType:"data"
summaryItems:undefined
text:"2016"
value:"2016"
values:Array[3]
我们可以看出来,其实dataSource渲染的模式有点类似于对ng-repeat的一次封装,在表格、List中将数据源循环生成出来了