如何将传递的值设置为模板的字段?

时间:2013-06-13 12:16:27

标签: javascript templates tornado

在龙卷风的模板中,我从代码字典数据传递了密钥用户名和代码

data = {'username' : 'pal', 'code' : 16281}

在ready函数中我试图将传递的值设置为第

页上的两个输入
    $(document).ready(function() {
        var d = "{{data}}";
        alert(d);
        $('#code').val({{data['code']}});
        $('#username').val(d['username']);
    });

...

<label for="username" class="ui-hidden-accessible">Username:</label>
<input type="text" placeholder="Username" name="username" id="username" class="large_input">
 <label for="code" class="ui-hidden-accessible">Code:</label>
 <input type="text" placeholder="Code" name="code" id="code" class="large_input">

警报显示字典正常,但当我尝试以任何方式访问时,我得到了未定义的值。我试过传递数据和js字典d,但它没有用。 如何将传递的值设置到模板的字段中?

1 个答案:

答案 0 :(得分:1)

对于HTML,这将起作用:

<input value="{{data["username"]}}" type="text" placeholder="Username" name="username" id="username" class="large_input">

对于你的JS I图像,你需要写这个:

$('#code').val('{{data['code']}}');