static VisualFeedback()
{
jQuery.OnDocumentReady(delegate()
{
jQuery.Select("#draggableVisual1")
.Plugin <DraggableObject>()
.Draggable(new DraggableOptions(DraggableOption.Helper, "original"));
jQuery.Select("#draggableVisual2")
.Plugin <DraggableObject>()
.Draggable(new DraggableOptions(DraggableOption.Opacity, 0.7f
, DraggableOption.Helper, "clone"));
DraggableOptions options = new DraggableOptions();
options.Cursor = "move";
options.CursorAt = new Dictionary("top", -12, "left", -20);
options.Helper = new Func <jQueryEvent, jQueryObject>(delegate(jQueryEvent e)
{
return(jQuery.FromHtml("<div class='ui-widget-header'>I'm a custom helper</div>"));
});
jQuery.Select("#draggableVisual3")
.Plugin <DraggableObject>()
.Draggable(options);
jQuery.Select("#draggableVisualSet div")
.Plugin <DraggableObject>()
.Draggable(new DraggableOptions(DraggableOption.Stack, "#draggableVisualSet div"));
});
}
static AutoScroll()
{
jQuery.OnDocumentReady(delegate()
{
DraggableOptions options;
options = new DraggableOptions();
options.Scroll = true;
jQuery.Select("#draggableAutoScroll1")
.Plugin <DraggableObject>()
.Draggable(options);
options = new DraggableOptions();
options.Scroll = true;
options.ScrollSensitivity = 100;
jQuery.Select("#draggableAutoScroll2")
.Plugin <DraggableObject>()
.Draggable(options);
options = new DraggableOptions();
options.Snap = true;
options.ScrollSpeed = 100;
jQuery.Select("#draggableAutoScroll3")
.Plugin <DraggableObject>()
.Draggable(options);
});
}
static Events()
{
jQuery.OnDocumentReady(delegate()
{
jQueryObject start_counter = jQuery.Select("#event-start");
jQueryObject drag_counter = jQuery.Select("#event-drag");
jQueryObject stop_counter = jQuery.Select("#event-stop");
int[] counts = new int[] { 0, 0, 0 };
DraggableOptions options = new DraggableOptions();
options.Start = delegate(jQueryEvent e, DragStartEvent eventData)
{
counts[0]++;
UpdateCounterStatus(start_counter, counts[0]);
};
options.Drag = delegate(jQueryEvent e, DragEvent eventData)
{
counts[1]++;
UpdateCounterStatus(drag_counter, counts[1]);
};
options.Stop = delegate(jQueryEvent e, DragStopEvent eventData)
{
counts[2]++;
UpdateCounterStatus(stop_counter, counts[2]);
};
jQuery.Select("#draggableEvents")
.Plugin <DraggableObject>()
.Draggable(options);
});
}
public static void AssertDraggable(Draggable draggable, DraggableOptions draggableOptions)
{
Assert.AreEqual(draggableOptions.Axis, draggable.Options.Axis);
Assert.AreEqual(draggableOptions.CssClass, draggable.Options.CssClass);
Assert.AreEqual(draggableOptions.Cursor, draggable.Options.Cursor);
Assert.AreEqual(draggableOptions.DeltaX, draggable.Options.DeltaX);
Assert.AreEqual(draggableOptions.DeltaY, draggable.Options.DeltaY);
Assert.AreEqual(draggableOptions.Disabled, draggable.Options.Disabled);
Assert.AreEqual(draggableOptions.Edge, draggable.Options.Edge);
Assert.AreEqual(draggableOptions.Handle, draggable.Options.Handle);
Assert.AreEqual(draggableOptions.Id, draggable.Options.Id);
Assert.AreEqual(draggableOptions.Jquery, draggable.Options.Jquery);
Assert.AreEqual(draggableOptions.OnBeforeDrag, draggable.Options.OnBeforeDrag);
Assert.AreEqual(draggableOptions.OnDrag, draggable.Options.OnDrag);
Assert.AreEqual(draggableOptions.OnStartDrag, draggable.Options.OnStartDrag);
Assert.AreEqual(draggableOptions.OnStopDrag, draggable.Options.OnStopDrag);
Assert.AreEqual(draggableOptions.Proxy, draggable.Options.Proxy);
Assert.AreEqual(draggableOptions.Revert, draggable.Options.Revert);
Assert.AreEqual(draggableOptions.TagName, draggable.Options.TagName);
Assert.AreEqual(draggableOptions.Title, draggable.Options.Title);
Assert.AreEqual(draggableOptions.TitleCssClass, draggable.Options.TitleCssClass);
Assert.AreEqual(draggableOptions.TitleTagName, draggable.Options.TitleTagName);
TestHelpers.AssertDictionaries <string, string>(draggableOptions.Attributes, draggable.Options.Attributes);
TestHelpers.AssertDictionaries <string, string>(draggableOptions.TitleAttributes, draggable.Options.TitleAttributes);
}
public static Draggable ConfigureDraggableAction(DraggableOptions draggableOptions)
{
return(new Draggable(draggableOptions.Id, draggableOptions.Handle, options =>
{
options.Attributes = options.Attributes;
options.Axis = options.Axis;
options.CssClass = options.CssClass;
options.Cursor = options.Cursor;
options.DeltaX = options.DeltaX;
options.DeltaY = options.DeltaY;
options.Disabled = options.Disabled;
options.Edge = options.Edge;
options.Jquery = options.Jquery;
options.OnBeforeDrag = options.OnBeforeDrag;
options.OnDrag = options.OnDrag;
options.OnStartDrag = options.OnStartDrag;
options.OnStopDrag = options.OnStopDrag;
options.Proxy = options.Proxy;
options.Revert = options.Revert;
options.TagName = options.TagName;
options.Title = options.Title;
options.TitleAttributes = options.TitleAttributes;
options.TitleCssClass = options.TitleCssClass;
options.TitleTagName = options.TitleTagName;
}));
}
public static Draggable ConfigureDraggable(DraggableOptions draggableOptions)
{
var draggable = new Draggable(draggableOptions.Id, draggableOptions.Handle);
draggable
.OnBeforeDrag(draggableOptions.OnBeforeDrag)
.OnDrag(draggableOptions.OnDrag)
.OnStartDrag(draggableOptions.OnStartDrag)
.OnStopDrag(draggableOptions.OnStopDrag)
.SetAxis(draggableOptions.Axis)
.SetCssClass(draggableOptions.CssClass)
.SetCursor(draggableOptions.Cursor)
.SetProxy(draggableOptions.Proxy)
.SetTitle(draggableOptions.Title)
.SetTitleCssClass(draggableOptions.TitleCssClass);
if (draggableOptions.DeltaX.HasValue)
{
draggable.SetDeltaX(draggableOptions.DeltaX.Value);
}
if (draggableOptions.DeltaY.HasValue)
{
draggable.SetDeltaY(draggableOptions.DeltaY.Value);
}
if (draggableOptions.Disabled.HasValue)
{
draggable.SetDisabled(draggableOptions.Disabled.Value);
}
if (draggableOptions.Edge.HasValue)
{
draggable.SetEdge(draggableOptions.Edge.Value);
}
if (draggableOptions.Revert.HasValue)
{
draggable.SetRevert(draggableOptions.Revert.Value);
}
if (draggableOptions.TagName.HasValue)
{
draggable.SetTagName(draggableOptions.TagName.Value);
}
if (draggableOptions.TitleTagName.HasValue)
{
draggable.SetTagName(draggableOptions.TitleTagName.Value);
}
return(draggable);
}
///<summary>
///Creates a new instance of Draggable
///</summary>
public Draggable(JsString selector, DraggableOptions options)
{
Selector = J(selector);
Selector.draggable(options);
}
