Table 基础表格
table函数调用需要四个参数
事例:U.MT.UI.table(datasource,titles,widths,parent)
参数一 : (json) datasource ——数据源,表格的数据源
事例:
var datasource=[
//由于事例中的json太常,就显示一部分
{
OrderId: "0196b681-b23b-11e7-81ee-005056b350a4", SerialNumber: "20171016143224553",
DepartmentId: "0b6e75a7-683b-11e7-84c1-005056b350a4", MedicalWasteWeight: "",
MedicalWasteTypeId: "",...
},
{
OrderId: "0196b681-b23b-11e7-81ee-005056b350a4", SerialNumber: "20171016143224553",
DepartmentId: "0b6e75a7-683b-11e7-84c1-005056b350a4", MedicalWasteWeight: "",
MedicalWasteTypeId: "",...
},
{
OrderId: "0196b681-b23b-11e7-81ee-005056b350a4", SerialNumber: "20171016143224553",
DepartmentId: "0b6e75a7-683b-11e7-84c1-005056b350a4", MedicalWasteWeight: "",
MedicalWasteTypeId: "",...
},
]
参数二: (json) titiles ——表格需要显示的列,和别名,还有绑定的事件
事例
var titiles = {
"SerialNumber":"标识码", //需要显示的列,和显示在表格中的名字
"DepartmentName":"科室",
"MedicalWasteWeight":"重量",
"MedicalWasteName":"种类",
"StateOfEmergency":"状态",
"ApplicantName":"申请人"
}
参数三:(json) css ——表格想对应的列要加入的样式
事例: //前面是列名,后面加样式
var widths={
"SerialNumber": 400+"px",//这是自动加样式,,
"MedicalWasteWeight":100+"px",//json的键值是数据源中的列名 比如这次事例中 orderID 是数据源的一个列名
"ApplicationTime":200+"px"//json的值是要加的样式
}
参数四:(obj)parent ——表格生成在什么地方
事例://生成在下方的结果方块
document.getElementById("result")
U.MD.UI.table(_datasource,_titles,_css,document.getElementById("result"));
结果