Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / Caché, Ensemble, DeepSee, MiniM, IRIS, GT.M [игнор отключен] [закрыт для гостей] / dragAndDrop в динамических компонентах / 6 сообщений из 6, страница 1 из 1
27.10.2009, 15:27
    #36275055
2acid
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dragAndDrop в динамических компонентах
Есть композитный компонент "MyListBox" на элементах которого свойства:
Код: plaintext
dragEnabled="true" dropEnabled="true" 

если я это компонент создаю динамически по нажатию на кнопку:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
 
либо

Method AddGroupServer() As %Status [ ZenMethod ]
{
	set lb=##class(primitive.zen.component.MyListBox).%New()
	set lb.id="mylb"
	set group=..%GetChildById("group")
	do group.%AddChild(lb)
	quit $$$OK
}

либо

Method AddGroup() [ Language = javascript ]
{
	var lb = zenPage.createComponentNS('ALL','MyListBox')
	zenPage.setComponentId(lb,"mylb")
	this.getChildById("group").addChild(lb)
	this.getChildById("group").refreshContents();
	return
}
то собственно не работает dragAndDrop.

Если я просто сделаю в XData Contents вызов:
Код: plaintext
1.
<xxx:MyListBox id="mylb"/>
dragAndDrop работает без проблем.

Как "включить" dragAndDrop при динамическом вызове компоненты ?


Cache for Windows (x86-32) 2008.2.1 (Build 902) Thu Jan 22 2009 13:50:37 EST
...
Рейтинг: 0 / 0
27.10.2009, 16:41
    #36275268
Ymka2007
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dragAndDrop в динамических компонентах
наверное просто нужно добавить это событие - это же AJAX компоненты
...
Рейтинг: 0 / 0
27.10.2009, 16:42
    #36275269
Ymka2007
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dragAndDrop в динамических компонентах
посмотри в SAMPLES ZENDemo.ControlTest
...
Рейтинг: 0 / 0
27.10.2009, 19:48
    #36275633
2acid
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dragAndDrop в динамических компонентах
Ymka2007наверное просто нужно добавить это событие - это же AJAX компоненты
судя по исходникам, обработчики добавляются:
Код: plaintext
1.
2.
3.
4.
....
	Set tDragHandler = $S(..dragEnabled:"zenPage.getComponent("_..index_").dragHandler();", 1 :"")
	Set tDropHandler = $S(..dropEnabled:"zenPage.getComponent("_..index_").dropHandler();", 1 :"")
....
...
Рейтинг: 0 / 0
27.10.2009, 22:07
    #36275821
DAiMor
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dragAndDrop в динамических компонентах
а по факту должны быть еще обработчики onmousedown и onmouseup, которые пропадают у соседних элементов и не ставятся динамически созданному обьекту

_________________________________
Cache for Windows NT (AMD64) 5.0.21 (Build 6408) Tue Jan 3 2006 13:37:41 EST
...
Рейтинг: 0 / 0
30.10.2009, 18:07
    #36283036
servit
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dragAndDrop в динамических компонентах
To 2acid

Посмотрите документацию к js-методам ZLM.initDataDragDrop и ZLM.initTargetNodes .

Пример динамического добавления компонент с поддержкой Drag&Drop (тестировал на версии 2010.1 FT2):
Пример
Код: plaintext
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.
Parameter JSINCLUDES = "zenCSLM.js";
...
/// Этот XML блок описывает содержимое этой страницы.
XData Contents [ XMLNamespace = "http://www.intersystems.com/zen" ]
{
<page xmlns="http://www.intersystems.com/zen" title="" dragAndDrop="true">
  <button onclick="zenPage.AddClient();" caption="Add <text>"/>

  <listBox id="lbl1" dragEnabled="true" dropEnabled="true">
    <option value="1" text="List 1"/>
    <option value="2" text="List 2"/>
    <option value="3" text="List 3"/>
  </listBox>

  <group id="group">
    <text id="txt1" value="Text 1" dragEnabled="true" dropEnabled="true"/>
  </group>
</page>
}

ClientMethod AddClient() [ Language = javascript ]
{
	
  var g=zenPage.getComponentById('group');
	
  var count = zenPage.nextIndex+ 1 ;
  
  var comp = zenPage.createComponentNS('','text');
  comp.setProperty('id','txt'+count);
  comp.setProperty('value','Text '+count);
  comp.setProperty('dragEnabled',true);
  comp.setProperty('dropEnabled',true);

  g.addChild(comp);
  g.refreshContents( 1 );
	
  ZLM.initTargetNodes();
  // или ZLM.initDataDragDrop();
	
}
...
Рейтинг: 0 / 0
Форумы / Caché, Ensemble, DeepSee, MiniM, IRIS, GT.M [игнор отключен] [закрыт для гостей] / dragAndDrop в динамических компонентах / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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