<script id="GroupHeaderTemplate" type="text/x-jsrender">
Project: {{:key}}
</script>
{{:field}} and {{:key}}where :key is the raw value of the named grouping field
What I'm looking to get instead a nicer string based on a few fields in the underlying data. eg.
<a rel='nofollow' href='{{:DraftItemURL}}'>{{:ProjectName}} {{:DraftCode}}</a>
where at the moment the :key = "ProjectName" eg.
col.Field("ProjectName").HeaderText("Project").Width("30%").Template("<a rel='nofollow' href='{{:DraftItemURL}}'>{{:ProjectName}} {{:DraftCode}}</a>").Add()
<div>
@(Html.EJ().Grid<object>("grid")
...
.AllowGrouping()
.GroupSettings(group => { group.CaptionFormat("#template"); })
...
)
</div>
<script id="template" type="text/x-jsrender">
{{:field}}-{{:~caption(#data)}}
</script>
<script>
var display;
var Cap = {
caption: function (args) {
if(args.items[0].ShipCity != args.items[0].CustomerID)
display = args.items[0].OrderID
else
display = args.items[0].Freight
return display;
}
}
$.views.helpers(Cap);
</script> |
<div>
@(Html.EJ().Grid<object>("grid")
...
.GroupSettings(group => { group.CaptionFormat("#template"); })
...
)
</div>
<script id="template" type="text/x-jsrender">
<a rel='nofollow' href="#">{{if #data.items[0].EmployeeID != #data.items[0].OrderID}}{{:#data.items[0].Freight}}{{/if}}</a>
</script> |