1.0.61 • Published 7 years ago
onciq-ui v1.0.61
ONC iQ - UI
DrillDown
icon (id, state, animation, up = 'plus', down = 'minus')
- Updates icon when clicking on a drill down row
- Optional: Set animation to false and link chart to local state (prevent multiple chart animations)
import {DrillDown} from 'onciq-ui'
//...class setup
componentWillMount() {
this.state = {ids: {}, animation: true}
}
renderRow(items) {
return items.map(item => {
return (
<tr key={item.id}>
<td><i className={`fa fa-${this.state.ids[item.id] || 'plus'}`}
onClick={()=> {this.setState(DrillDown.icon(item.id, this.state.ids))}}>
</i>{item.id}
</td>
</tr>
);
})
}
//... render a table using renderRow()
row (element, table, items)
- Build content for drill down row
import {DrillDown} from 'onciq-ui'
//...class setup
return items.map(item => {
//item is an object with some properties to display
return (
<tr key={item.id} >
<td
onClick={(e) => {DrillDown.row(e, $("#items").DataTable(), item)}}>
{item.id}
</td>
</tr>
);
})
//... render DataTable with id "items"
1.0.61
7 years ago
1.0.55
7 years ago
1.0.54
7 years ago
1.0.53
7 years ago
1.0.52
7 years ago
1.0.51
7 years ago
1.0.50
7 years ago
1.0.49
7 years ago
1.0.48
7 years ago
1.0.46
7 years ago
1.0.45
7 years ago
1.0.44
7 years ago
1.0.43
7 years ago
1.0.42
7 years ago
1.0.41
7 years ago
1.0.40
7 years ago
1.0.39
7 years ago
1.0.38
7 years ago
1.0.37
7 years ago
1.0.36
7 years ago
1.0.35
7 years ago
1.0.34
7 years ago
1.0.33
7 years ago
1.0.32
7 years ago
1.0.31
7 years ago
1.0.30
7 years ago
1.0.29
7 years ago
1.0.28
7 years ago
1.0.27
7 years ago
1.0.26
7 years ago
1.0.25
7 years ago
1.0.24
7 years ago
1.0.23
7 years ago
1.0.22
7 years ago
1.0.21
7 years ago
1.0.20
7 years ago
1.0.19
7 years ago
1.0.18
7 years ago
1.0.17
7 years ago
1.0.16
7 years ago
1.0.15
7 years ago
1.0.14
7 years ago
1.0.13
7 years ago
1.0.12
7 years ago
1.0.11
7 years ago
1.0.10
7 years ago
1.0.9
7 years ago
1.0.8
7 years ago
1.0.7
7 years ago
1.0.6
7 years ago
1.0.5
7 years ago
1.0.4
7 years ago
1.0.3
7 years ago
1.0.2
7 years ago
1.0.1
7 years ago
1.0.0
7 years ago