React EasyUI 数据列表
2020-06-24 12:12 更新
属性列表
名称 | 数据类型 | 作用描述 | 默认值 |
---|---|---|---|
data | array | 要加载的数据。 | [ ] |
itemCls | string | 数据项样式类。 | null |
itemStyle | Object | 数据项内联样式。 | null |
hoverCls | string | 当鼠标悬停在数据项样式类上时。 | datagrid-row-over |
selectedCls | string | 选择数据项时的样式类。 | datagrid-row-selected |
renderItem | ({row,rowIndex}) | 呈现项目的函数。 |
方法列表
名称 | 参数 | 返回值 | 作用描述 |
---|---|---|---|
navRow | step | void | 浏览行。 |
scrollToSelectedRow | none | void | 滚动到选中的行。 |
注意:
- 继承: ListBase 。
使用方法
<DataList
style={{ width: 550, height: 250 }}
renderItem={this.renderItem.bind(this)}
data={this.state.data}
selectionMode="single"
onSelectionChange={this.handleSelectionChange.bind(this)}
/>
以上内容是否对您有帮助:
更多建议: