Arrastável adiciona a capacidade de arrastar e soltar a um componente.
$render = '';
$resposta = '';
dc.cw("Panel", "widget_pnl", {
id: "pnl"
});
dc.cw("Draggable", "widget_arrastaPnl", {
id: "arrastaPnl"
, target: "pnl"
, cursor: "crosshair"
});
dc.cw("Panel", "widget_handlepnl", {
id: "handlepnl"
});
dc.cw("Draggable", "widget_arrastaHandlePnl", {
id: "arrastaHandlePnl"
, target: "handlepnl"
, cursor: "crosshair"
, handle: ".ui\-panel\-titlebar"
});
dc.cw("Panel", "widget_hpnl", {
id: "hpnl"
});
dc.cw("Draggable", "widget_arrastaHPnl", {
id: "arrastaHPnl"
, target: "hpnl"
, cursor: "crosshair"
, axis: "x"
});
dc.cw("Panel", "widget_vpnl", {
id: "vpnl"
});
dc.cw("Draggable", "widget_arrastaVPnl", {
id: "arrastaVPnl"
, target: "vpnl"
, cursor: "crosshair"
, axis: "y"
});
dc.cw("Panel", "widget_rpnl", {
id: "rpnl"
});
dc.cw("Draggable", "widget_arrastaRPnl", {
id: "arrastaRPnl"
, target: "rpnl"
, cursor: "crosshair"
, revert: "invalid"
});
dc.cw("Panel", "widget_opnl", {
id: "opnl"
});
dc.cw("Draggable", "widget_arrastaOPnl", {
id: "arrastaOPnl"
, target: "opnl"
, cursor: "crosshair"
, opacity: 0.3
});
dc.cw("Panel", "widget_gpnl", {
id: "gpnl"
});
dc.cw("Draggable", "widget_arrastaGPnl", {
id: "arrastaGPnl"
, target: "gpnl"
, cursor: "crosshair"
, grid: [20, 40]
});
dc.cw("Panel", "widget_conpnl", {
id: "conpnl"
});
dc.cw("Draggable", "widget_arrastaConPnl", {
id: "arrastaConPnl"
, target: "conpnl"
, cursor: "crosshair"
, containment: "parent"
});
dc.cw("Draggable", "widget_arrastaPic", {
id: "arrastaPic"
, target: "pic"
, cursor: "crosshair"
});