javascript - jQuery templates plugin: how to create two-way binding? -

-

i started using jquery templates plugin (the 1 microsoft created), face problem: template bunch of forms bound array of objects; when change on 1 of forms, want bound object update , can't figure out how automate that.

here's simple example (real life template , object more complex) : 

<!-- template --> <script type="text/html" id="tmpltest">     <input type="text" value="${textvalue}"/> </script>  <!-- object bind --> <script type="text/javascript">     var obj = [{textvalue : "text1"},{textvalue : "text2"}]      jquery("#tmpltest").tmpl(obj) </script>

this populate 2 textboxes, each bound value corresponding object. now, if change value in 1 of textboxes, need update corresponding data object's value. idea how that?

jquery template doesn't implement two-way data binding, microsoft developed jquery plugin does. scott guthrie post covers both tmpl plug in , data linking plugin. scroll down "support client data-linking" scott goes detail on how data linking plug in works.

however, 2 way data binding, find knockoutjs extension better , cleaner. declarative syntax keeps markup clean , custom data binding overrides allow multitude of applications. mapping plugin pretty great processing json server binding. knockoutjs has bindings based on tmpl plugin well.

good luck problem.

edit: updated code example

scrips required:

<script src="/scripts/jquery-1.5.0.min.js" type="text/javascript"></script>     <script src="/scripts/jquery.tmpl.js" type="text/javascript"></script>  <script src="/scripts/knockout.js" type="text/javascript"></script>       <script src="/scripts/knockout.mapping.js" type="text/javascript"></script>

then here meat , potatoes 

<!-- div loading template --> <div data-bind='template: { name: "tmpltest", foreach: viewmodel.list }'>     </div>  <!-- template --> <script type='text/html' id='tmpltest'>     <div>                 <span data-bind='text: textvalue, uniquename: true'></span>         <input data-bind='value: textvalue, uniquename: true, valueupdate:"afterkeydown"'/>     </div> </script>  <script type='text/javascript'>        var viewmodel = ko.mapping.fromjs(         {                         list:[  { textvalue: "text1" },                     { textvalue: "text2"}   ]                 });           $(function() {             ko.applybindings(viewmodel);         });  </script>

Comments

Post a Comment

Popular posts from this blog

Javascript line number mapping -

-
magically formatted comments change reported line number of javascript errors in browsers; this: //@line n "f" n line number , f file name. unfortunately, //@line appears ungoogleable. know there documentation on feature, , browsers support it? (i found references here , here .) from can find available in mozilla based browsers. it using js_setoptions command can turn these options on or off depending on values passed. https://developer.mozilla.org/en/js_setoptions
Read more

c# - Is it possible to remove an existing registration from Autofac container builder? -

-
something along lines: builder.registertype<mytype>().as<itype>(); builder.registertype<mytype2>().as<itype>(); builder.deregistertype<mytype>().as<itype>() var container = builder.build(); var types = container.resolve<ienumerable<itype>>(); assert.istrue(types.count == 1); assert.istrue(types[0].gettype == typeof(mytype2)); scenario: go through bunch of assemblies , go register types want make sure have 1 implementation of given type. need before create container. track on own nice if autofac me bit. this cannot done directly using containerbuilder , unless start on new one. mind you, having first built container should able construct new container filtering away unwanted types , reusing registrations first container. this: ... var container = builder.build(); builder = new containerbuilder(); var components = container.componentregistry.registrations .where(cr => cr.activator.limittype != typ...
Read more

php - Mysql PK and FK char(36) vs int(10) -

-
i have read mysql can handle indexes , searches better if tables keys integers rather char(36) uuid's. is worth converting int(10)? note: use 1 server , have have plans use multiple databases concurrently therefore removing 1 of big reasons using uuid. our tables innodb if makes difference. thanks in advance. usually rdbms can handle integer keys pk more efficient, other datatypes. reason how build index column, yes: long dont require string (or other typed) keys, should use integers. however: char(36) , int(10) far away being equal, because int(10) much smaller, char(36). dont know, if require many different keys, should keep in mind. update, complete last paragraph: int(10) 32-bit, char(36) 36 - ^byte^ (= 288-bit). not mean, int consumes less space, means, char(36) has 4 times more different keys.
Read more