大家好,我在webix中遇到问题,我想按行显示,但是我找不到以这种方式显示的方式,我可以按列显示它,它取自数据库数据,已转换为json格式。这是代码片段,请给我一些建议



<script type="text/javascript">
        webix.ajax("datacon.php", function(text, incomingData){
            //text = '{ some :"abc"}'
            var data=incomingData.json();



            webix.ui({
                container: "box",
                rows:[
                    {view:"template", type:"header", template: "some text"},
                    {view: "datatable", data: data, height: 300,
                        columns:[
                            {id:"date", header:"Date"},
                            {id:"ob", header:"OB"},
                            {id:"ore", header:"ORE"},
                            {id:"stratio", header:"Stripping Ratio"}
                        ]
                    }

                ]
            }); 

最佳答案

实际上,您的代码无法正常工作。该代码段显示错误,请检查。

另外,在上面的代码中,您必须提及一种视图类型,例如“ view:datatable / list / tree”或其中的任何一种。进行更改并还原。

在webix DataTable中,您不能添加单个行。您必须根据其打印模式写入数据。

这是来自webix的数据表的简单示例



<script src="https://cdn.webix.com/edge/webix.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.webix.com/edge/webix.css">

<script>
var datatable = webix.ui({
    view:"datatable",
    columns:[
        { id:"rank",    header:"",              width:50},
        { id:"title",   header:"Film title",    width:200},
        { id:"year",    header:"Released",      width:80},
        { id:"votes",   header:"Votes",         width:100}
    ],
    data: [
        { id:1, title:"The Shawshank Redemption", year:1994, votes:678790, rank:1},
        { id:2, title:"The Godfather", year:1972, votes:511495, rank:2}
    ]
});
</script>





您只需要将“ Id”与相应的数据标签进行匹配即可。列部分中引用的ID应与数据文件的“键”相同。列的标题也使用“ header”参数设置。

这些工具对于使用Webix进行更快的开发非常有用。


https://webix.com/skin-builder/?utm_source=newsletter&utm_medium=email&utm_campaign=3_free_tools_to_create_awesome_apps&utm_term=2017-09-26
https://webix.com/form-builder/?utm_source=newsletter&utm_medium=email&utm_campaign=3_free_tools_to_create_awesome_apps&utm_term=2017-09-25

10-06 03:57