Ember.js 如何使用把手';如果';使用emberjs模型数据
Iam有一个使用引导组件的表,每一行都可以单击 我还在桌子里用把手Ember.js 如何使用把手';如果';使用emberjs模型数据,ember.js,handlebars.js,Ember.js,Handlebars.js,Iam有一个使用引导组件的表,每一行都可以单击 我还在桌子里用把手 <tbody data-link="row" class="rowlink"> {{#each model.pastreqlist}} {{#if_eq {{status}} "PENDING"}} <tr data-toggle="modal" data-target="#pastreq {{action "selectRow" this target="view"}}"> {{else}
<tbody data-link="row" class="rowlink">
{{#each model.pastreqlist}}
{{#if_eq {{status}} "PENDING"}}
<tr data-toggle="modal" data-target="#pastreq {{action "selectRow" this target="view"}}">
{{else}}
<tr>
{{/if_eq}}
<td>{{employee_name}}</td>
<td>{{type_id}}</td>
<td>{{from_date}}</td>
</tr>
{{/each}}
</tbody>
这是我的控制器代码
App.LinksController = Ember.ObjectController.extend({
actions: {
myleavesinfolist: function () {
rdata = $.ajax({
type: "POST",
url: "/myleaves",
dataType: "json",
async: false
}).responseJSON;
this.transitionToRoute("myleaves", rdata);
} //myleavesinfolist
} //actions
}); //controller
请帮助我是车把和余烬js的新手。你应该在你的模型上设置一个计算机属性,如下所示:
App.Request = Ember.Model.extend({
stats:DS.attr('string'),
isPending:function(){
if(this.get('status') === 'PENDING'){
return true;
}
}.property('status')
});
<tbody data-link="row" class="rowlink">
{{#each model.pastreqlist}}
{{#if isPending}}
<tr data-toggle="modal" data-target="#pastreq" {{action "selectRow" this target="view"}}>
{{else}}
<tr>
{{/if}}
<td>{{employee_name}}</td>
<td>{{type_id}}</td>
<td>{{from_date}}</td>
</tr>
{{/each}}
</tbody>
然后在模板中,您可以这样做:
App.Request = Ember.Model.extend({
stats:DS.attr('string'),
isPending:function(){
if(this.get('status') === 'PENDING'){
return true;
}
}.property('status')
});
<tbody data-link="row" class="rowlink">
{{#each model.pastreqlist}}
{{#if isPending}}
<tr data-toggle="modal" data-target="#pastreq" {{action "selectRow" this target="view"}}>
{{else}}
<tr>
{{/if}}
<td>{{employee_name}}</td>
<td>{{type_id}}</td>
<td>{{from_date}}</td>
</tr>
{{/each}}
</tbody>
{{{#每个模型.pastreqlist}
{{{#如果是isPending}
{{else}
{{/if}
{{employee_name}}
{{type_id}}
{{from_date}}
{{/每个}}
我在脚本中使用了把手注册表帮助,如下所示
Ember.Handlebars.registerHelper('ifeq', function(a, b, options) {
return Ember.Handlebars.bind.call(options.contexts[0], a, options, true, function(result) {
return result === b;
});
});
在我的模板中,我已经这样做了
{{#each model.pastreqlist}}
{{#ifeq status "PENDING"}}
<tr data-toggle="modal" data-target="#pastrequestsmodal" {{action "selectRow" this target="view"}} style="cursor: pointer">
{{else}}
<tr>
{{/ifeq}}
{{{#每个模型.pastreqlist}
{{{#ifeq状态“待定”}
{{else}
{{/ifeq}
它不起作用。我已在上述问题中添加了控制器代码。只是想让您知道,我在我的应用程序中没有使用任何路由,整个表数据都来自Controller,它从服务器获取数据。。请复习一遍并给我建议。@NicholasJohn16