Home Unanswered Active Tags New Question

Drag&Drop with dynamic events

Hi,

I tested you you feature Drag&Drop from external resource. With your demos it works fine. I also tested it with an asp.net label in a ul and it works too.

After that I wanted to get dynamic external resources. I tried a data grid with a column for the dragable control (a asp.net label), but it doesn't work. Maybe I made a mistake ore it doens't work with dynamic resources. The grid looks like this:

asp:DataGrid
Colums
asp:TemplatColumns
ItemTemplate
asp:Label id="lblDragExt" runat="server" onmousedown=''return DayPilotSchedular.dragStart(this.parentNode, 60*<%# DataBinder.Eval(Container.DataItem, "RANGE") %>, "<%# DataBinder.Eval(Container.DataItem, "ID") %>", "<%# DataBinder.Eval(Container.DataItem, "NAME") %> ")' unselectable='on' style...

Hope you can help me.

If something isn't clear, just say.

Kind regards

Kevin
Asked by Kevin 4 years ago.
asp.net how-to
Replies
It should work with any reasonable HTML element. <asp:Label> should be fine since it generates <span> element.

As far as I can tell from your sample, it seems that onmousedown attribute is not closed properly (it starts with " but ends with ').
Comment posted by Dan Letecky 4 years ago.
This should work better (not tested, but you should get the idea - I recommend checking the HTML output on the resulting page):

onmousedown='return DayPilotSchedular.dragStart(this.parentNode, 60*<%# DataBinder.Eval(Container.DataItem, "RANGE") %>, \'<%# DataBinder.Eval(Container.DataItem, "ID") %>\', \'<%# DataBinder.Eval(Container.DataItem, "NAME") %>\')'
Comment posted by Dan Letecky 4 years ago.
Thanks for your answer, but your solution doens't work (the \' make problems). Now I made is this way:
- used the DataGrid ItemDataBound event
- check if item ListItemType Item or AlternatingItem
- create a ASP label
- add the mousedown attribute to the label with the return DayPilotSchedular.dragStart(... and my values)
- add the unselectable attribute
- add the cursor style
- e.Item.Cells[i].Controls.Add(_myLabel) //add my label to the cell

Maybe there is a better way to do that, but in this moment it works for me.

Kevin
Comment posted by Kevin 4 years ago.
Another qeustion concerning to this topic.

No I've all my labels for drag&drop from external in my data grid. Works fine.
But I have some events with different start and end times (e.g. 10/20/2007 08:00:00 - 10/20/2007 12:00:00, 10/20/2007 09:00:00 10/23/2007 19:00:00). How can override the DayPilotSchedular.dragStart method with this times, I've only the range value, not an value for different times.

Maybe you can help me.

Kevin
Comment posted by Kevin 4 years ago.
The second parameter of dragStart() defines the duration in seconds. You can set the duration but nothing else because the exact start time will be determined after drop (and the end will be calculated using the duration).

You can also intercept the drop event by using EventMoveJavaScript (set EventMoveHandling to JavaScript). There you can detect the external drag&drop by checking "external" variable (true/false).

Is that what you were asking about?
Comment posted by Dan Letecky 4 years ago.
New Reply
This reply is
Your name (optional):

DayPilot for ASP.NET WebForms, DayPilot for ASP.NET MVC, DayPilot for Java