https://github.com/danasilver/backbone-namespaced-view

Backbone Views with namespaced elements.
https://github.com/danasilver/backbone-namespaced-view

Last synced: 11 months ago
JSON representation

Backbone Views with namespaced elements.

• Host: GitHub
• URL: https://github.com/danasilver/backbone-namespaced-view
• Owner: danasilver
• License: mit
• Created: 2016-01-05T13:53:57.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2018-01-23T01:57:02.000Z (over 8 years ago)
• Last Synced: 2025-07-24T07:43:10.711Z (11 months ago)
• Language: JavaScript
• Size: 16.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Backbone Namespaced View [![Build Status](https://travis-ci.org/danasilver/backbone-namespaced-view.svg?branch=master)](https://travis-ci.org/danasilver/backbone-namespaced-view)

Use namespaced elements in your Backbone Views.

## Usage

Set the `tagName` property in your `Backbone.NSView` to namespace

```js

Backbone.NSView.extend({

  tagName: 'svg'

});

```

or to `namespace:tag`:

```js

Backbone.NSView.extend({

  tagName: 'svg:rect'

});

```

## Example

```js

var SVGView = Backbone.NSView.extend({

  tagName: 'svg',

  render: function() {

    this.$el.append(new Rect().render().el);

  }

});

var Rect = Backbone.NSView.extend({

  tagName: 'svg:rect',

  render: function() {

    this.$el

      .attr('x', 100)

      .attr('y', 100)

      .css('fill', 'steelblue');

    return this;

  }

});

$('body').append(new SVGView().render().el);

```