How to render template values using javascript - Meteor

Question

how to render the contents of a template .. i can;t pass through this point :/ thanks for your help

example :

<body>
  {{> dash}}
</body>

<template name="dash">
<div id="example2" class='example_block'> 
    <form name = "frm">
        <table>
            <tr>
                <td>Template Name
                <td>:
                <td><input type="text" name = tname class = "tname">
      </frm>
       <div class='demo'>
            <input type='button' value='Click Here to Create Window' class="btn"/> 
        </div> 
    </div>
<div id = "window_block8" style="display:none;"></div>
</template>

<template name="t1">
    try1
</template>

<template  name="t2">
    try2 
</template>

   //client.js
 Template.dash.events({
'click input.btn' : function(){
    var temp = document.frm.tname.value ;
    Session.set("template" , temp);
            $('body').append(Meteor.render(Template[Session.get("currentTemplate")]()));
     }
 });

some thing like this.. but that code wont work on me

Swadq · Accepted Answer · 2013-04-15 13:13:57Z

5

Meteor.render(Template.try) returns a document fragment which you can insert into your page with jQuery or vanilla JS.

e.g

Template.dash.aw = function() {
    document.body.appendChild(Meteor.render(Template.try));
}

Note that you can use array-style notation if the template name is variable:

document.body.appendChild(Meteor.render(Template[Session.get("currentTemplate")]));

Alternatively, if you only want to return a variable and not an entire template:

Template.try.var = function() {
    return 'Hello';
}
Template.dash.aw = function() {
    return Template.try.var();
}
// Template.dash.aw = Template.try.var = function() {
//    return 'Hello';
// }

The commented function is probably inadequate, since you want some logic in Template.dash.aw

edited Apr 15, 2013 at 13:13

answered Apr 15, 2013 at 7:00

Swadq

1,8372 gold badges15 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

l_na_l Over a year ago

thanks bro .. :) .. but what i want is to get the data inside the template name = try ...

Swadq Over a year ago

Sorry, the code didn't format properly - see the first two examples

Swadq Over a year ago

Are there any errors in the console log? Could you post a js fiddle?

Swadq Over a year ago

Have a look at my updated answer. Note the lack of parentheses after Template.try now - Meteor.render takes a function, not a html string

Jay Over a year ago

I don't think this works anymore. Please update the answer for Meteor versions after Blaze was introduced.

|

Collectives™ on Stack Overflow

How to render template values using javascript - Meteor

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related