I have a grid below rendered by knockout, and have some pre-defined information returned from server which need to be shown as in footer.
It works fine in ie9, but not ie7/8 by saying "SCRIPT5022: Unable to parse bindings."
I remove header/footerAttributes, the grid is rendered, but the other columns are squeezed to the space below the first column. so I think the exception is caused by footerAttributes, isn't it?
btw, is there a way to setup a rowtemplate for the footer with pre-defined data, instead of setting the aggregation from each column? so that, we can set the grand total regardless of the data of the grid.
I checked http://docs.kendoui.com/api/web/grid, but cannot find any clue...
------------------------------------------------------------------------------------------------------------------------------------
knockout: v2.1.0
jQuery: v1.8.3
jquery-ui-1.8.24
<div class="ItemsGrid" data-bind="kendoGrid: {
data: data.Items
, rowTemplate: 'rowTmpl'
, columns: [
{ field: 'Product.Description', title: 'Description',width:'40%'
, headerAttributes: { style: 'text-align: left;' }
,footerAttributes: { class:'ui-widget-header',style: 'text-align: right;'}
, footerTemplate: function () { return 'Warehouse Line Item Count: '+data.Basket.Summary.TotalItems +'<br/>Total Line Item Count: '+$root.data.OrderSummary.TotalItems;}
}
, { field: 'Product.Price', title: 'Price'
, headerAttributes: { style: 'text-align: right;' }
, footerAttributes: { class:'ui-widget-header', style: 'text-align: center;' }
}
, {
field: 'Quantity', title: 'Qty', align: 'center',width:'5%'
, headerAttributes: { style: 'text-align: center;' }
,footerAttributes: { class:'ui-widget-header', style: 'text-align: center;' }
}
]
, useKOTemplates: true
}"></div>
------------------------------------------------------------------------------------------------------------------------------------
It works fine in ie9, but not ie7/8 by saying "SCRIPT5022: Unable to parse bindings."
I remove header/footerAttributes, the grid is rendered, but the other columns are squeezed to the space below the first column. so I think the exception is caused by footerAttributes, isn't it?
btw, is there a way to setup a rowtemplate for the footer with pre-defined data, instead of setting the aggregation from each column? so that, we can set the grand total regardless of the data of the grid.
I checked http://docs.kendoui.com/api/web/grid, but cannot find any clue...
------------------------------------------------------------------------------------------------------------------------------------
knockout: v2.1.0
jQuery: v1.8.3
jquery-ui-1.8.24
<div class="ItemsGrid" data-bind="kendoGrid: {
data: data.Items
, rowTemplate: 'rowTmpl'
, columns: [
{ field: 'Product.Description', title: 'Description',width:'40%'
, headerAttributes: { style: 'text-align: left;' }
,footerAttributes: { class:'ui-widget-header',style: 'text-align: right;'}
, footerTemplate: function () { return 'Warehouse Line Item Count: '+data.Basket.Summary.TotalItems +'<br/>Total Line Item Count: '+$root.data.OrderSummary.TotalItems;}
}
, { field: 'Product.Price', title: 'Price'
, headerAttributes: { style: 'text-align: right;' }
, footerAttributes: { class:'ui-widget-header', style: 'text-align: center;' }
}
, {
field: 'Quantity', title: 'Qty', align: 'center',width:'5%'
, headerAttributes: { style: 'text-align: center;' }
,footerAttributes: { class:'ui-widget-header', style: 'text-align: center;' }
}
]
, useKOTemplates: true
}"></div>
------------------------------------------------------------------------------------------------------------------------------------