有思俱乐部学习园地

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"));

结果

工作人员

 
                    
作者:柏洋
信息录入:柏洋