zsmj1994
4 years ago
2 changed files with 37 additions and 1 deletions
@ -1,3 +1,39 @@ |
|||||||
# user-table-custom-attribute |
# user-table-custom-attribute |
||||||
|
|
||||||
拓展用户管理表格,新增属性列 |
拓展用户管理表格,新增属性列 |
||||||
|
|
||||||
|
## 代码示例 |
||||||
|
``` |
||||||
|
BI.config("dec.provider.all_user", function (provider) { |
||||||
|
provider.inject({ |
||||||
|
extraAttributes: [ |
||||||
|
{ |
||||||
|
header: "婚姻状况", // 表头属性,默认是label组件 |
||||||
|
// header: { // 也可以传入自定义组件 |
||||||
|
// type: "xxx", |
||||||
|
// }, |
||||||
|
attributeGetter: function (users, cb) { // 注入用户额外属性的回调函数,接受完整的当前页用户信息 |
||||||
|
setTimeout(function () { // 模拟异步请求 |
||||||
|
BI.each(users, function (index, user) { |
||||||
|
user.maritalSstatus = ["已婚", "未婚", "丧偶", "合法同居"][index % 4]; |
||||||
|
}); |
||||||
|
cb(); |
||||||
|
}, 200); |
||||||
|
}, |
||||||
|
width: 50, // 列宽 |
||||||
|
// column: "xxx", // 每一行对应的列元素组件,会传递所有用户信息options |
||||||
|
column: function (userInfo) { // 列元素的组件回调,接受注入后的用户信息,返回组件 |
||||||
|
return { |
||||||
|
type: "bi.label", |
||||||
|
textAlign: "left", |
||||||
|
text: userInfo.maritalSstatus, |
||||||
|
}; |
||||||
|
}, |
||||||
|
}, |
||||||
|
], |
||||||
|
}); |
||||||
|
}); |
||||||
|
``` |
||||||
|
|
||||||
|
## 效果演示 |
||||||
|
![](./screenshots/demo.png) |
After Width: | Height: | Size: 25 KiB |
Loading…
Reference in new issue