大家好,我在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