Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сложности в освоении JS (Webix) / 5 сообщений из 5, страница 1 из 1
23.02.2018, 13:00
    #39606510
systistrator
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сложности в освоении JS (Webix)
Добрый всем день!
Вопрос дилетанта, коим я и являюсь в JS. По долгу службы сейчас передо мной стоит задача переписать свои проекты (написанные на VFP) которые уже многие годы успешно функционируют, на web платформу... Изучаю JS в процессе написания..., в качестве основы был выбран Webix, в принципе всем устроил, включая лицензию... Но все это не о том и вопрос у меня по существу...

Не могу для себя найти правильное решения, нужно по нажатию пункта 1 или пункт 2 в layout_data происходило перестроение, например, на основе данных из layData1 или layData2 соответственно...
На сколько я понимаю я могу написать функцию в которой сначала через removeView удалю имеющиеся объекты, а следом через addView добавлю необходимые объекты. Но это бы имело смысл если бы разметка была одинаковой во всех случаях...
По хорошему стоит просто перерисовать всё в слое layout_data, но как это сделать я понять не могу.

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
var layData1 = {
cols:[
  {rows:[
    {cols:[
      {rows:[
        {template:"123"}
      ]},
      {rows:[
        {template:"123"}
      ]}
    ]},
    {cols:[
      {rows:[
        {template:"321"}
      ]}
    ]}
  ]},  
]};

var layData2 = {
cols:[
  {rows:[
    {cols:[
      {rows:[
        {template:"321"}
      ]}
    ]},    
    {cols:[
      {rows:[
        {template:"123"}
      ]},
      {rows:[
        {template:"123"}
      ]}
    ]}
  ]},  
]};


webix.ui(
  {
   rows:[
     {cols:[
       {rows:[
         {view:"list",select:true,template:"#title#",data:[
           {id:1,title:"Пункт 1"},
           {id:2,title:"Пункт 2"},
           {id:3,title:"Пункт 3"}           
         ]}
       ]},
       {
         id:"layout_data",
         rows:[
           layData1
       ]}
     ]}
   ]
  }
);
...
Рейтинг: 0 / 0
24.02.2018, 10:56
    #39606677
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сложности в освоении JS (Webix)
systistrator,

у Webix есть свой форум: https://forum.webix.com/
...
Рейтинг: 0 / 0
24.02.2018, 10:57
    #39606678
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сложности в освоении JS (Webix)
А также другие виды поддержки: https://webix.com/ru/yslygi/
...
Рейтинг: 0 / 0
26.02.2018, 10:44
    #39607187
am_sasa
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сложности в освоении JS (Webix)
...
Рейтинг: 0 / 0
26.02.2018, 11:35
    #39607220
systistrator
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сложности в освоении JS (Webix)
skyANA,

Большое спасибо. С Вами трудно поспорить. Тем более что совет обраться к "профильным" форумам более чем логично. Сложности с php, иди на php.net и т.д. Я отписался на sql.ru т.к. это русскоязычный форум и возможно поднятые вопросы будут полезны и другим форумчанам...



am_sasa,
Да, я смотрел на этот вариант, также думал сделать табами..., но я наверное зациклился на динамической перерисовке... Мне почему-то казалось что есть какой-то очевидный способ который я не вижу в ввиду нехватки знаний...

Наверное просто придется при переходе а тот или иной пункт делать подключение нужного мне контента с полным обновлением страницы... (не фатально, просто хотелось найти красивое решение :-) )
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сложности в освоении JS (Webix) / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]