MVC.Controller.Action.Selectable API

MVC.Controller.Action.Selectable, prototype, init, static, match

Inherits: MVC.Controller.Action.Event

Selectable and Lasso let users select elements by dragging a box across an element. To use the lasso, you must have a lasso action on the element you want to drag in, and selectable elements.

You can use one of the following event names to:

Event	Description
selectadd	Called when a selectable is added to the list of selectables.
selectmove	Called when the lasso mouse moves over the selectable
selectover	Called when the lasso moves onto a selectable
selectout	Called when the lasso moves out of a selectable
selected	Calls when the selectable is released on selected elements

For more information on how Selectables work read MVC.Selectable and MVC.Selectables

Example

TasksController = MVC.Controller.extend('tasks',{
    '# lassostart' : function(){}, //allows lassing in element w/ id = tasks
    selectadd : function(params){
      params.cache_position();
    },
    selectover : function(params){
      params.element.style.backgroundColor = "red"
    },
    selectout : function(params){
      params.element.style.backgroundColor = ""
    },
    selected : function(params){
      params.element.style.backgroundColor = "green"
    }
})

Install

include.plugins('controller/lasso')

Static Methods

match

matches "(.*?)\\s?(selectover|selected|selectout|selectadd|selectmove)$"

Prototype Methods

init

init(action_name, callback, className, element, action, f, controller) -> undefined

action_name {} -

callback {} -

className {} -

element {} -

action {Object} -

f {Object} -

controller {Object} -

Documentation