我需要一些有关此代码的帮助:
View Setting up the Grid Helper
-------------------------------
App.OrdersTableView = Em.View.extend({
templateName: 'account/orders/table',
grid: App.HelperGrid.extend({
meta: [
{
'name': 'id',
'text': 'Number',
'cellCallback': function(content, model){
// Uncaught Error: assertion failed: Cannot call get with 'id' on an undefined object.
// return '{{#linkTo orders.view model}}' + content + '{{/linkTo}}';
// Renders an empty column
// return '{{#with model}}{{#linkTo orders.view model}}' + content + '{{/linkTo}}{{/with}}';
// Will render a link, linking to /account
return '{{#linkTo account}}' + content + '{{/linkTo}}';
}
},
{
'name': 'shortDate',
'text': 'Date'
},
{
'name': 'orderedBy',
'text': 'Ordered By',
'cellCallback': function(content){
return '{{view rangeView}}';
}
},
{
'name': 'orderTotalOneTimeAmount',
'text': 'One-Time Total',
'cellCallback': function(content){
return '$' + parseFloat(content).toFixed(2);
}
},
{
'name': 'orderTotalRecurringAmount',
'text': 'Monthly Total',
'cellCallback': function(content){
return '$' + parseFloat(content).toFixed(2);
}
},
{
'name': 'status',
'text': 'Status'
}
]
})
});
DataGrid Helper Template
------------------------
<div class="row">
<div class="span12">
<div class="row">
{{view view.rangeView}}
{{view view.countView}}
{{view view.pagerView}}
</div>
<div class="row">
<div class="span12">
<table class="table table-striped table-bordered">
<thead>
<tr>
{{#each meta in view.meta}}
{{view view.headerView propertyNameBinding="meta.name" labelBinding="meta.text"}}
{{/each}}
</tr>
</thead>
<tbody>
{{#each order in controller}}
{{gridRow view order view.meta}}
{{/each}}
</tbody>
</table>
</div>
</div>
</div>
</div>
gridRow Bound Handlebars Helper
-------------------------------
// I'm aware that I'm appending 'td' child views but returning a '<tr></tr>' string for display. This is not the problem at hand and will be fixed.
/**
* Grid Row bound helper
*
* Used to render a table row in a datagrid.
*
* @param {Object} context Ember.View reference
* @param {Object} model DS.Model containing data for specific row
* @param {Object} properties Meta data to render data cells
* @return {String} HTML to render table row
*/
Ember.Handlebars.registerBoundHelper( 'gridRow', function(context, model, meta) {
var options = [].slice.call(arguments, -1)[0],
view = options.data.view,
returnValue = '';
returnValue += '<tr>';
for ( var i=0, j=meta.length; i<j; i++ ) {
var content = Ember.Handlebars.Utils.escapeExpression( model.get(meta[i].name) ),
template = ( undefined !== meta[i].cellCallback ) ? meta[i].cellCallback( content, model, context ) : content;
var childView = view.createChildView(Ember.View, {
tagName: 'td',
context: context, //Ember.get(view, 'context'),
template: Ember.Handlebars.compile(template)
});
view.appendChild(childView);
}
returnValue += '</tr>';
return new Ember.Handlebars.SafeString(returnValue);
});
我正在制作一个可分页的数据网格助手,我已经能够成功地做到这一点。
但是,我正在尝试为每个数据单元格的渲染添加回调支持,其中模板选项仍将受到尊重,例如 {{view ranger}}、{{#linkTo}} 等。
我对 {{view}} 和 {{#linkTo}} 工作有基本的支持,但是当我尝试链接到特定记录时,我遇到了上下文问题。
在顶部视图中第一个元属性的回调代码中,您可以看到我正在尝试的三个不同的返回语句(并且还有其他变体)以及它们返回的各种错误。
该部分是我要解决的具体问题。
我可以解释任何人需要了解我的方法的任何事情。
更新 1
如果我使用return '{{#with context}}{{#linkTo orders.view model}}' + content + '{{/linkTo}}{{/with}}';
,我可以使用正确的路径在列中以视觉方式呈现链接,但undefined
代替 id 应该在 url 中的位置。