handlebars.js - Meteor: Preserving ClassName Flags -

-

i'm having trouble using preserve method in meteor. doesn't seem want do.

basically, have 3 nested templates which, when rendered, in closed state:

<div class="dropdown"><!--from template1-->     <div class="group"><!--from template2-->         <div class="subgroup"><!--from template3-->             i'm subgroup's content!         </div>     </div> </div>

to view content in .subgroup node, template wrappers need bear .open class name. done on click event. here's looks in open state:

<div class="dropdown open"><!--from template1-->     <div class="group open"><!--from template2-->         <div class="subgroup open"><!--from template3-->             i'm subgroup's content!         </div>     </div> </div>

the issue is, when events fire , alter database within .subgroup's content, looks template2 , template3 both re-rendered , lose programmatically applied .open class.

i've tried using template.template2.preserve(['.group']); on each template every selector think affect it. i've tried {{#constant}} , {{#isolated}} helpers, have yet expected results these.

what's right way keep meteor wiping class names out?

you should use session variables coupled handlebars helpers.

<template name="dropdown">     opened helper resolves current dropdown state     <div class="dropdown {{opened}}">         iterate on each group using cursor         {{#each groups}}             call subtemplate fed current group document             fetched cursor             {{> group}}         {{/each}}     </div> </template>  <template name="group">     assign unique id group div, using document._id     <div id="group-{{_id}}" class="group {{opened}}">         ... , on     </div> </template>  template.dropdown.helpers({     opened:function(){         // session variable undefined on first page view (closed state)         // have value set in click handler         return session.get("dropdown-opened")?"open":"";     },     groups:function(){         return groups.find();     } });  template.dropdown.events({     "click .dropdown":function(){         var opened=session.get("dropdown-opened");         // toggle open state         session.set("dropdown-opened",!opened);     } });  // executed once on each template instance creation template.group.created=function(){     // this.data._id fetched document._id     // comment line if don't want stuff collapsed     // when template re-created (ie when change page)     session.set("group-"+this.data._id+"-opened",false); };  template.group.helpers({     opened:function(){         // this._id fetched document._id         return session.get("group-"+this._id+"-opened")?"open":"";     },     subgroups:function(){...} });  template.group.events({     "click .group":function(event,template){         // once again, template.data._id corresponds id of         // document used feed group template         var sessionkey="group-"+template.data._id+"-opened";         var opened=session.get(sessionkey);         session.set(sessionkey,!opened);     } });

this untested code similar stuff on app , works charm. think meteor way (session+helpers) of achieving kind of things (as opposed using jquery manipulate dom , class names). unfortunately, kind of pattern quite verbose , can bit obscure developers coming non-meteor classic front-end js web-app development, i'm sure gonna improved.


Comments

Post a Comment

Popular posts from this blog

java - Run a .jar on Heroku -

-
i trying run .jar file on heroku, , can't find instructions anywhere on how this. have read wants me compile uploading heroku. possible, , if is, how this? if helps, trying run minecraft craftbukkit server, , don't have pom.xml file yet. you didn't provide details i'll try give , people reaches question way it. first of all, create heroku account , create heroku application (assumed have done that). second, need generate application jar , upload heroku. so, open terminal , install heroku cli (assuming unix terminal): $ sudo npm install -g heroku-cli you need have npm , nodejs installed, can check link: https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-ubuntu-16-04 once done that, can use npm update node version acceptable heroku-cli: $ sudo npm install -g n $ sudo n 7.10.0 and run: $ sudo npm install -g heroku-cli in order deploy jars, need install deploy plugin: $ sudo heroku plugins:install heroku-cli-deploy ...
Read more

java - Jtable duplicate Rows -

-
Image
when add new rows in jtable duplicate rows many times this method update jtable public final void tableaucomande(){ ((defaulttablemodel)tabcommande.getmodel()).getdatavector().clear(); session s=hibernateutil.getsessionfactory().opensession(); criteria cr1= s.createcriteria(commande.class); list <commande> lcs=cr1.list() ; criteria cr2= s.createcriteria(lignecommande.class); list <lignecommande> lck=cr2.list() ; if(lcs.size()!=0 && lck.size()!=0) { (commande lc:lcs) { for(lignecommande lig:lck){ ((defaulttablemodel)tabcommande.getmodel()).addrow(new object[]{ lc.getid_cmd(),lc.getnumcmd(),lc.getdate_cmd(),lc.getclient().getnomprenom(), lig.getproduit().getlib_prd(),lig.getquantite(),lig.getproduit().getid_prd() }); } } // tabcommande.setrowselectioninterval(tabcommande.getrowcount()-1,tabcommande.getrowcount()-1); } } this code add add data rows displaye...
Read more

validation - How to pass paramaters like unix into windows batch file -

-
i need pass various parameters .cmd file unix format file.cmd -configuration=value -source=value -flag but, try this: startlocal @echo off cls setlocal set cmdline=%* set configuration= set source= set badargs= set validation= goto main :splitargs echo splitargs(%*) if "%*" neq "" ( /f "tokens=1,2,* delims== " %%i in ("%*") call :assignkeyvalue %%i %%j & call :splitargs %%k ) goto :eof :assignkeyvalue echo assignkeyvalue(%1, %2) if /i %1==-configuration ( set configuration=%2 ) else if /i %1==-source ( set source=%2 ) else ( rem append unrecognised [key,value] badargs echo unknown key %1 set badargs=%badargs%[%1, %2] ) goto :eof :validate echo validating set validation=fail if defined configuration ( echo -configuration ok if defined source ( echo -source ok if not defined badargs ( set validation=success ) ) ) goto :eof :main cl...
Read more