webix datatable от столбца к строке

Привет, ребята, я столкнулся с проблемой в 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"}
                        ]
                    }

                ]
            });


javascript webix
person manmaurya    schedule 26.09.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

На самом деле ваш код не работает должным образом. В сниппете показывает ошибку, проверьте.

Кроме того, в приведенном выше коде вы должны указать тип представления, такой как «представление: datatable/list/tree» или любой из них. Внесите изменения и откатитесь назад.

В webix DataTable нельзя добавить одну строку. Вы должны записывать данные в соответствии с их шаблоном печати.

Вот простой пример 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» с соответствующими тегами данных. Идентификатор, указанный в разделе столбца, должен быть идентичен «Ключам» файла данных. Также заголовки столбцов задаются с помощью параметра «заголовок».

Вот некоторые из инструментов, которые полезны для более быстрой разработки с помощью 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=новостнойбюллетень&utm_medium=email&utm_campaign=3_free_tools_to_create_awesome_apps&utm_term=2017-09-25

person Ajinkya Chanshetty    schedule 26.09.2017
comment
я разместил часть, где мне нужно решение, я упомянул тип представления, если вы можете видеть там, и вы просто скопировали и вставили документ. мне нужно изменить внешний вид столбца на отображение строки. У меня есть исполняемый проект, я не могу опубликовать все те, которые я хочу изменить только в этой части - person manmaurya; 26.09.2017