标签: jquery-templates

Grails会干扰jquery-tmpl语法

jQuery模板插件使用${foo}语法(jquery.tmpl doc中的示例):

$.tmpl( "<li>${Name}</li>", myData )
Run Code Online (Sandbox Code Playgroud)

但是Grails也使用它(Grails doc中的例子):

<body>
  Hello ${params.name}
</body>
Run Code Online (Sandbox Code Playgroud)

因此,当我$.tmpl( "<li>${Name}</li>", myData )在.gsp中包含时,Grails将其呈现为$.tmpl( "<li></li>", myData );.

有一个简单的方法吗?

jquery grails gsp jquery-templates

3
推荐指数
1
解决办法
1105
查看次数

现在当jQuery.tmpl注定要失败时,Knockout的默认模板引擎

有没有人知道当jQuery.tmpl 没有被积极开发或维护时,Knockout的默认模板引擎会发生什么?将Knockout切换到另一个默认引擎(可以很容易地完成,如"Note 8"中所述)?或者它会继续使用jquery.tmpl的1.0.0之前的默认值,即使它被删除了吗?是否有任何候选人更有可能成为新的默认值?

你怎么看?

jquery-templates knockout.js

3
推荐指数
1
解决办法
2165
查看次数

Jquery模板,转义"$ {...}"

我有一段javascript代码如下:

var data = { ... };
var template = "<select>" +
                 "<option value='${0:###,###.##}'>Format as $</option>" + 
               "</select>";

$.tmpl(template, data).appendTo("#placeholder");
Run Code Online (Sandbox Code Playgroud)

我的问题是我想要将"value ='$ {0:###,###.##}'"作为字符串进行评估,但jQuery模板会尝试将其作为对象引用进行评估.

有没有办法逃避$ {}字符?

干杯,沙恩

javascript jquery templates jquery-templates

3
推荐指数
1
解决办法
1144
查看次数

带有组的jQuery模板

我正在尝试使用具有组头的jQuery模板插件来创建模板.由于它是数据驱动的,因此之前不知道组头.我的模板是:

<div class='category'>${Category}</div>
<div class='service'><a service_id='${Id}'>${Name}</a></div>
Run Code Online (Sandbox Code Playgroud)

我的数据是:

var movies = [
    { Name: "Meet Joe Black", Category: "First", Id: 1 },
    { Name: "The Mighty", Category: "First", Id: 2 },
    { Name: "City Hunter", Category: "First", Id: 3 },
    { Name: "A movie", Category: "Second", Id: 4 },
    { Name: "Blade Runner", Category: "Third", Id: 5 }
];
Run Code Online (Sandbox Code Playgroud)

我想要输出

<div class='category'>First</div>
<div class='service'><a service_id='1'>Meet Joe Black</a></div>
<div class='service'><a service_id='2'>The Mighty</a></div>
<div class='service'><a service_id='3' >City Hunter</a></div>

<div class='category'>Second</div>
<div …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-templates

2
推荐指数
1
解决办法
999
查看次数

JQuery-tmpl模板切换不起作用

我正在尝试使用官方的jquery-tmpl插件实现"更多/更少"的功能.

我查看了这些示例,但似乎无法在我自己的实现中使用该功能.

当我点击我的一个"更多"按钮时,我似乎得到一个错误: Uncaught TypeError: Property 'tmpl' of object #<an Object> is not a function

这是我在这里的实现

据我所知,我正在尝试替换的示例是执行以下操作:

  1. 渲染"主"模板
  2. 单击鼠标:为单击的元素找到相应的模板对象(tmplItem).
  3. 传递参考新模板.
  4. 调用update函数重新渲染.

我理解文档错了吗?据我所知,我正在做与官方文档中的例子相同的事情.

jquery jquery-templates

2
推荐指数
1
解决办法
3022
查看次数

Knockout中当前值的名称

我开始使用Knockout了.我无法弄清楚如何在valuesTemplate中设置绑定.迭代器当前值的名称是什么?

<div id="knock">
    <p>Name: <input data-bind="value: Name" /></p>
    <table>
        <thead><tr><td>Value</td></tr></thead>
          <tbody data-bind="template: {name: 'valuesTemplate', foreach: Values}" />
    </table>

    <script type="text/html" id="valuesTemplate"> 
        <tr><td><input data-bind="value: value" /></td></tr> 
    </script>
</div>

<script type="text/javascript">
    var data = {"Name":"Fish","Values":["Cod","Salmon","Perch","Glish"],"Id":"lookups/1"};
    var viewModel = ko.mapping.fromJS(data);
    ko.applyBindings(viewModel);
</script>
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-templates knockout.js

2
推荐指数
1
解决办法
922
查看次数

IE8中的knockout.js 1.3和jquery模板1.0pre问题

我遇到了IE8的主要问题以及knockout.js和jquery模板的最新版本(测试版).我一直收到下面的错误.如果我删除<div>in trialogueRun然后它没有错误.它发生在jquery.tmpl.js中的buildTmplFn(标记)函数中.

SCRIPT1028: Expected identifier, string or number 
jquery.tmpl.js, line 317 character 9


<script id="trialogueRun" type="text/html">
        <div data-bind="attr: { class: $data.AgentName }"></div>
</script>
Run Code Online (Sandbox Code Playgroud)

internet-explorer-8 jquery-templates knockout.js

2
推荐指数
1
解决办法
1058
查看次数

Knockout.js 1.3 beta模板Foreach - 强制完全重新渲染

如何使用knockout.js 1.3.0 beta强制完全重新渲染模板

我用2.1成功完成了这个,使用jquery模板的{{each}}就像这个答案一样

但是因为1.3.0不再使用jquery模板我该怎么办呢?

在没有使用数据绑定的情况下,本地敲除模板中是否存在{{each}}的等价物

jquery-templates knockout.js

2
推荐指数
1
解决办法
551
查看次数

使用击倒的jquery模板里面的单选按钮列表

我正在使用带有jquery模板的淘汰赛,我被困在模板中的某个位置.我先告诉你代码.这是我的模板

 <script type="text/x-jquery-tmpl" id="questionTemplate">
        <div class="questions">
               <div data-bind="text: QuestionText" style="font-weight:bold;"></div>
               {{if QuestionType == "FreeForm" }}
                       <textarea rows="3" cols="50" data-bind="value: ResponseValue"></textarea>
                   {{/if}}

                   {{if QuestionType != "FreeForm" }}
                       <table>
                        {{each(i,option) Options}}
                        <tr>
                       <td>
                       <input type="radio" data-bind="attr:{name:QuestionId},click:function(){ResponseValue=option.Value;}" />${option.Value}</td><td>- ${option.ResponsePercent} %</td> 
                       </tr>
                        {{/each}}
                       </table>    
                   {{/if}} 
            </div>
    </script>
Run Code Online (Sandbox Code Playgroud)

以下是我如何使用它

<div data-bind="template:{name:'questionTemplate',foreach:questionResponses()}">
Run Code Online (Sandbox Code Playgroud)

所以基本上它正在做的是,它循环每个问题响应并检查问题类型是否为FreeForm然后它创建一个textarea,然后它选择questionResponse的对象数组属性"Options"并使用jquery {{each}}将每个选项显示为一个单选按钮.在提交时,我选择"ResponseValue"属性的值,如果是textarea然后我得到textarea值,否则我得到选择单选按钮的值.这一切都很好.

这就是它在UI中的外观

1. Tell me about yourself
[A Text Area Since it is a FreeForm Question]

2. How much you will rate yourself in MVC3?
RadioButton1
RadioButton2
RadioButton3

3. Blah Blah Blah?
RadioButton1 …
Run Code Online (Sandbox Code Playgroud)

jquery-templates knockout.js

2
推荐指数
1
解决办法
3724
查看次数

插入jquery模板后,jquery mobile不会呈现列表

我补充说

  • 标签使用jquery模板到jquery移动网站.它添加了li标签,但它没有标准的jqueryMobile样式.我可以直观地看到它并检查DOM:jquery mobile添加了类并转换为div和span类,在我的例子中我看到了没有任何jquery移动类的平面ul和li标签.我有一个版本,它首先加载Jquery Mobile,然后注入jquery模板,Mobile不刷新该列表并且没有它的样式.有没有办法修复它并在注入jquery模板后显示标准的jMobile列表?谢谢

  • jquery jquery-mobile jquery-templates

    2
    推荐指数
    1
    解决办法
    1302
    查看次数