2016-07-17 5 views
0

Я пытаюсь понять структуру webix и использовать ее с моим флеш-приложением. Вся документация касается либо статических данных в html-файле, либо php-примерах.Использование webix с флягой

Простой HTML-файл, чтобы заполнить DataTable выглядит следующим образом (в соответствии с документации

<!DOCTYPE html> 
<html> 
<head lang="en"> 
    <meta charset="UTF-8"> 
    <link rel="stylesheet" href="../static/css/webix.css" type="text/css" charset="utf-8"> 
    <script src="../static/js/webix.js" type="text/javascript" charset="utf-8"></script> 
    <title>Webix Test 4</title> 
</head> 
<body> 
    <script> 
     webix.ui({ 
      id:"dtable", 
      view:"datatable", 
      url:"/gettabledata" 
     }); 
    </script> 
</body> 
</html> 

В моей колба маршрутизатор Я сделал следующее (из учебника): -

peopleData = {'data':[ 
    {'title': "01. Basique", 'duration': "3:38"}, 
    {'title': "02. Moon", 'duration': "3:47"}, 
    {'title': "03. Unsaid", 'duration': "3:48"}, 
    {'title': "04. Eitheror", 'duration': "5:45"}, 
    {'title': "05. Above the Clouds", 'duration': "3:50"}]} 
return jsonify(peopleData) 

Веб-страница ничего не показывает.

У меня есть аналогичная проблема, пытаясь понять, как загружать переменные (например, заголовок страницы), используя python a й колбе.

Очевидно, что у меня нет чего-то фундаментального в том, как webix работает с python/flask. (страницы с внедренной работой данных ОК, нет проблем)

ответ

1

первых вам нужно попробовать его без использования Колбы

index.html

<!DOCTYPE html> 
<html> 
<head lang="en"> 
    <meta charset="UTF-8"> 
    <link rel="stylesheet" href="http://cdn.webix.com/edge/webix.css" type="text/css" charset="utf-8"> 
    <script src="http://cdn.webix.com/edge/webix.js" type="text/javascript" charset="utf-8"></script> 
    <title>Webix Test 4</title> 
</head> 
<body> 
    <script> 
webix.ui({ 
    rows: [{ 
     view: "template", 
     type: "header", 
     template: "My App!" 
     }, { 
      view: "datatable", 
      autoConfig: true, 
      editable: true, 
      data: [ 
     {'title': "01. Basique", 'duration': "3:38"}, 
     {'title': "02. Moon", 'duration': "3:47"}, 
     {'title': "03. Unsaid", 'duration': "3:48"}, 
     {'title': "04. Eitheror", 'duration': "5:45"}, 
     {'title': "05. Above the Clouds", 'duration': "3:50"}] 
     }] 
    }); 
    </script> 
</body> 
</html> 

python3 -m http.server 9004

jsfiddle

затем попробовать с колбой

<script> 
var my_data = webix.ajax().get("http://localhost:9004/my_route"); 
webix.ui({ 
    rows: [{ 
     view: "template", 
     type: "header", 
     template: "My App!" 
     }, { 
      view: "datatable", 
      autoConfig: true, 
      editable: true, 
      data: my_data 
     }] 
    }); 
    </script> 
+0

Отлично, спасибо. – jimscafe

Смежные вопросы