How to display other field in a group header

Thread ID:	Created:	Updated:	Platform:	Replies:
146937	Aug 26,2019 12:23 PM UTC	Aug 27,2019 11:01 AM UTC	ASP.NET MVC - EJ 2	2

Subscribe to this post

Tags: Grid

Gin

Asked On August 26, 2019 12:32 PM UTC

I'm looking for something like this: https://www.syncfusion.com/forums/135787/how-to-use-the-column-templatequotmytemplatequot-value-in-a-group-header

but in EJ2, MVC5.

My Grid:

<div>

@(Html.EJS().Grid("Grid")

...

.GroupSettings(group => { group.ShowDropArea(false).Columns(new string[] { "InvestId" }).CaptionTemplate("#captiontemplate"); })

...

)

div>

My template:

Caption fucntion

function caption(args) {

console.log(args); // nothing here

}

Can you help?

Thank!

Reply | Reply with quote

Gin

Replied On August 26, 2019 12:33 PM UTC

//can't add my template code to the question, so I reply to add this

My template:

<span class="badge badge-md badge-success" title="" style="font-size: unset">#${key} - ${caption()}</span>

</script>

Reply | Reply with quote

Seeni Sakthi Kumar Seeni Raj [Syncfusion]

Replied On August 27, 2019 11:01 AM UTC

Hi Customer,

In the template, method can be called using the data as parameter as follows. The parameter will provide details about the current grouping column only which is the required behavior. If you would like to mention any other column, refer to the window.format method as shown in the code example.

@Html.EJS().Grid("Grid").DataSource((IEnumerable<object>)ViewBag.DataSource).

. ..

. . .

AllowGrouping().GroupSettings(group => { group.Columns(new string[] { "Freight" }).CaptionTemplate("#captiontemplate"); }).Render()

${format(data)}

</script>

window.format = function (data) {

var inst = document.getElementById('Grid').ej2_instances[0]

var val = inst.getColumnByIndex(inst.getColumnIndexByField(data.field) + 1).field + ' - ' + data.key;

return val;

}

</script>

Regards,

Seeni Sakthi Kumar S.

Reply | Reply with quote

CONTACT US

How to display other field in a group header

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US