hunterloftis / knockout.namespaces Goto Github PK

Namespaces plugin for KnockoutJS

JavaScript 100.00%

knockout.namespaces's Introduction

Knockout.namespaces

Multiple KnockoutJS ViewModels (separated by namespaces). Compatible with the global namespace as well (standard global 'data-bind' ViewModel).

Download

Try

$ git clone git://github.com/hunterloftis/knockout.namespaces.git
$ cd knockout.namespaces/examples
$ open simple.html

Code

<script src="knockout-latest.js"></script>
<script src="knockout.namespaces-latest.js"></script>
...
<span data-bind-user="text: name">
<span data-bind="text: title"> <!-- works with regular bindings -->
...
<script>
  ko.applyBindings(globalViewModel);
  ko.applyBindings(userViewModel, 'user');
</script>

Use cases

Multiple ViewModels
Ajaxed ViewModels
Loosely coupled architecture
Dynamic binding
Data-bound controls and modules

Templates

Namespaced templates are a work-in-progress. Check out /examples/templates.html. They work for common use cases, but such actions as nesting multiple templates of different namespaces together may have unpredictable results. I would love some help coming up with a solution.

knockout.namespaces's People

Stargazers

Watchers

Forkers

enome smitcham cloudsilence usoundradio hazemsalem

knockout.namespaces's Issues

Error in example

With the latest code, I get the error: 'Cannot call method 'slice' of undefined', which corresponds to this line: 'var namespace = arguments[6].slice(1);' I get this error when viewing the file templates.html within a cloned copy of the repo.

I found this while debugging a different issue related to templates.

Need to check if htmlString exists.

Hi,

Ran into an issue and to fix it you need to make sure there is an htmlString like so http://screencast.com/t/fq34i1biD if you want me to send a pull request let me know

Many thanks

Knockout v1.3+ breaks

Knockout's applyBindingsToNode has changed significantly since 1.2. I didn't see an easy way to fix it, so I thought I'd at least log the issue here.

Doesn't work

When I load the plugin an error is thrown:

b.getBindingAttribute is not a function

Doesn't work inside templates?

Does the namespacing work inside templates? The following code doesn't seem to be working:

<ul data-bind-users='template: { name : "UserTmpl", foreach: users }'></ul>
<script type='text/html' id='UserTmpl'>
<li>
  <input type='text' data-bind-users='value: name' /> 
  <p data-bind-users='text: name'></p>
</li>
</script>

You can find the complete example here: https://github.com/Enome/knockout.namespaces/blob/master/examples/simple.html which is a fork of your simple.html

Friendly Greetings

Multiple binding providers

Can be used to implement namespaces with each one binding to separate contexts and having a different configuration

http://jsfiddle.net/GilesBradshaw/YcK7V

Not maintained any more?

just by including it: "Uncaught TypeError: undefined is not a function", last issue closed: 2011.

getElementsHavingAttribute - no such method in latest knockout.js

Trying to use Knockout JavaScript library v1.3.0ctp - with knockout.namespaces - and catch this error ))

issue with templates

From looking at the templates.html example file, this should work, but for some reason, it doesn't.

In the global namespace, I render a template that has bindings for a namespace 'email' within it. These bindings for 'email' do not get attached. I have matching versions of jquery, jquery.tmpl, and knockout from the example in the repo. Let me know what other info you'd like for debugging and I'll send it over.

Question: how to use the non-global viewmodel in an {{IF}} block?

How do I use the non-global viewmodel in an {{IF}} block? For instance, in the code below, nested_children is a property on the unit view model, not the global view model. How do I get it to work?

  {{if nested_children == false}}
    <p> stuff </p>
  {{else}}
    <p> other stuff </p>
  {{/if}}

Thanks!
Scott