Backbone.elements
Add shortcut for Backbone.View selector
Install
Usage
Add a shortcut
elements: ".elem-selector": "elem"
Use shortcut
elements: ".elem-selector": "elem" "$elem .child-elem" # use shortcut in event bind events: "click $elem": "_clickHandler" "mouseover $elem": "_hoverHandler" "dblclick $elem": "_dblclickHandler" # get element jquery object : -> @$elemtext "clicked" : -> @$elemreplaceWith $ "<div>"class: "loading elem-selector" # refresh elem cache @$elemtrueremoveClass "loading" # select child element : -> # use as `this.$` @$elem".sub-elem"addClass "hover" # same as `@$elem().find(".sub-elem")` # use in `this.$`, **not recommend**, becase the # `$elem` shortcut cann't use the element cache @$"$elem .another-elem"removeClass "hover" # same as `@$(".elem-selector .another-elem")
Refresh Element Cache
elements: ".elem-selector": "elem" : -> @render @refreshCache
Parse Shortcut
elements: ".elem-selector": "elem" events: "click $elem": "_clickHandler" : $documenton "hover"@parseSelectorSymbol"$elem .hotpoint" alert "hover"
Dispose Element Cache
It will dispose element cache autonomicly when Backbone.View call remove
method.
elements: ".elem-selector": "elem" events: "click $elem": "_clickHandler" : @clearElements