This project is read-only.

Selectors

In jQuery/CSS, you have 3 kind selectors :
  • tagName
  • .className
  • #domElementId

With the JQueryControlToolkit, you now have one more :
  • $ServerControlId

Customization

Customize your JQueryExtender with options

<jQuery:SortableExtender runat="server"  DropPlaceHolderCssClass="dropCue" TargetControlSelector="$dndPanel1"
            DraggableSelector=".moveable" ConnectSelector=".widgets" CursorAt="{ top:0, left:10 }" />

Handle client events with your JQueryExtender

There was two possibilities to implement such event handlers. The first one was to specify directly the body of the function. But that would mean we could not target an existing function, and that we should guess the name of the parameters of the function when writing the body of the function. With this choice, the user has to write the function declaration around his code, but he also can target an existing function (as in the following sample where onStop is defined somewhere else in the page or in a javascript file imported in the page).

<jQuery:SortableExtender runat="server"  DropPlaceHolderCssClass="dropCue" TargetControlSelector="$dndPanel1"
            DraggableSelector=".moveable" ConnectSelector=".widgets" CursorAt="{ top:0, left:10 }">
            <Start>
                function(event, ui)
                {
                    ui.placeholder.height(ui.item.height());
                }
            </Start>
            <Stop>
                onStop
            </Stop>
</jQuery:SortableExtender>

Last edited Jun 9, 2009 at 2:16 PM by neonp, version 3

Comments

No comments yet.