2017-09-26 109 views
1

嘿家伙即时通讯面临一个问题,在webix中我想显示为rowwise,但即时通讯无法找到如何以这种方式显示我可以在列明智地显示它从数据库中采取数据已转换为json格式。这里是一小段代码片段,请给我一些建议webix datatable列明智的行明智

<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"} 
 
         ] 
 
        } 
 

 
       ] 
 
      });

回答

0

其实你的代码不能正常工作。它显示片段中的错误,请检查。另外,在上面的代码中,你必须提到一个视图类型,比如“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应该与数据文件的“Keys”相同。此外,该列的标题使用“标题”参数进行设置。

这些是一些有助于使用webix进行更快速开发的工具。

  1. 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

  2. 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

+0

我已经张贴在这里我需要我刚才提到的视图类型,如果ü可以看到那边的解决方案的一部分,和u刚才复制粘贴文件。我需要改变外观列明智的行明智display.i执行项目我不能发布所有那些我只想改变那部分 – manmaurya