Thank you.

It’s hard to guess you problem without seeing your code, but as a pure guess, if you’re adding a textbox and a button inside a jTemplate you may need to use the jQuery.Live function to hook up the event handlers.

Cheers
Joe

Very thanks for the article.

I have added button and text boxes to template and its working fine for me.But i am not getting the textbox value when i click on the button .Any help is greatly appreciated.
Thanks,
Joshy

Yeah that’s possible. I assume your hidden field is set outside of your jTemplate somewhere?

Here is how I’d do it with my for loop example using the Forename, which you could easily adapt for your Id.

Add a hidden field to my form (I’m using a hardcoded value)

<input type="button" value="Get Customers" onclick="CallService();" />
<input id="hidName" type="hidden" value="Emily" />
<div id="placeholder" style="clear: both;"></div>

Pass the value of this hidden field as a paramater to the template when I press the Get Customers button. Am using jQuery to get the value from the hidden field.

$('#placeholder').setTemplateURL('JTemplates/ForEachTemplate.htm');
$('#placeholder').setParam('hidName', $('#hidName').val());
$('#placeholder').processTemplate(data.d);

Use the #if jTemplate syntax in the jTemplate loop to check if the current name matches the parameter value and if so dispay the delete button

{#if $T.Customer.Forename == $P.hidName }
    <td>
        <input type="button" value="Delete" />
    </td>
{#else}
    <td></td>
{#/if}

Hope that helps

Joe

Question: I need to hide/show a “delete” button in my template. In my json object returned I have ‘created_by_id’. If ‘created_by_id’ = a hidden value on my form (hdn_user_id) then I want to display the delete button. Otherwise I want to hide it.

Can I do this w/ the template approach?

thanks,
Craig

Thanks for the great post!

Do you have an example of what you’re trying to achieve?

From my example above I could extend the object created in the web service to have a list of skills for each customer. I could then do the following to iterate through each customer and their skills:

<ul>
    {#foreach $T as Customer}
        <li>
            { $T.Customer.Forename } { $T.Customer.Surname }

            <ul>
                {#foreach $T.Customer.Skills as Skill}
                    <li> { $T.Skill.Name } ({ $T.Customer.Location }) </li>
                {#/for}
            </ul>
        </li>
    {#/for}
</ul>

In the inner for loop I an using the current iteration of the outer for loop to display the location with each skill (doesn’t really make sense to do this but just as an example).

Is this what you mean?

Joe

Not sure if you could help but I figure why not ask and see what happens.

I’ve used the templates for a while. I currently have a for loop within a for loop.

I’m trying to access a value from the outer for loop within the inner for loop. Don’t suppose you know how to do this?

Thanks
Jon

Glad you found it useful, it’s pretty cool.

I also did a post where I did inline table editing using jTemplates. It’s not the greatest as it does an ajax update for every field changed but it shows how easy it can be.

Only been here in Sydney for 12 months myself but can’t see myself heading back to the UK any time soon.

Joe

Thanks for this! I was really trying to find an easy way to present data that is looped… ie.. foreach. I have a mechanism already that auto-maps database fields direct to HTML elements (i.e. single values), but again I needed something easy to present repeating items.

Thanks very much.. for once a clear easy to follow example… that actually explains the whole process!

Glad you found it useful

Joe