[hanniiMember]

My problem is that in the event I need context specific information – example: detail information can be updated or should be created. So I need to pass my object to the event since the saving action should take place if the user clicks the “okay” button.

Question: So if I can only setup the events once, how can I pass my object data to the eventhandler? Or override the events every time?

Thanks

[hanniiMember]

And how can I override the existing event-handler or pass the context-object to the events? I expected that the event-handler will be overwritten automatically every time I create a new one …

Thanks
hannii

[hanniiMember]

Hi Peter,

Thanks for the code but that doesn’t demonstrate my problem since it’s not using Drag&Drop. The example you sent is only using the Docking-Option within one splitter-panel. But I try to achive is drag&drop from one panel to another e.g. from the right to the left. In this case the dragged object is cut off by the splitter …

Do you have any suggestion for this problem?

Thanks,
hannii

[hanniiMember]

Hi Dimitar,

Thanks for you reply. I already tried to set the z-Index for my splitter and drag-objects accordingly but it was not helping either. Any other idea? So I assume it’s a bug? When will this be fixed?

Thanks
hannii

[hanniiMember]

hello dimitar,

this is my code in an simpler way. buttons should be dragged from right to left (but they are cut off by the splitter and not visible in the left panel during dragging).

many thanks
hannii

$(document).ready(function () {
var theme = getDemoTheme();
$(‘#leftSplitter’).jqxSplitter({ height: ‘500’, width: ‘400’, orientation: ‘vertical’, panels: [{ size: ‘200’ }, { size: ‘200’}] });

$(‘.dragable-base’).jqxDragDrop({
dropTarget : $(‘#leftSplitter’),
revert : true
});
addBaseEventListeners();
});

function addBaseEventListeners() {
$(‘.dragable-base’).bind(‘dropTargetEnter’, function(event) {
added = true;
$(this).jqxDragDrop(‘dropAction’, ‘none’);
});
$(‘.dragable-base’).bind(‘dropTargetLeave’, function(event) {
added = false;
$(this).jqxDragDrop(‘dropAction’, ‘default’);
});
$(‘.dragable-base’).bind(‘dragEnd’, function(event) {
if (added) {
$(“#left”).append(“

“+event.args.text+”

“);
added = false;
}
});
$(‘.dragable-base’).bind(‘dragStart’, function(event) {
var text = $(this).val();
$(this).jqxDragDrop(‘data’, {
text : text
});
});
};

West – North

Test Button to Drag

Test

[Author]

Posts