powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Сложности в освоении JS (Webix)
5 сообщений из 5, страница 1 из 1
Сложности в освоении JS (Webix)
    #39606510
systistrator
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Добрый всем день!
Вопрос дилетанта, коим я и являюсь в 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
Сложности в освоении JS (Webix)
    #39606677
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
systistrator,

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

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



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

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


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