Concat Two Fields in One Column

[Breno Laustidio]

I have two fields but i want to put  in a column so, how can i do this?  

[Mohammed Farook J]

Hi Breno, 

We have achieved your requirement by using ‘ValueAccessor’ property of Grid.  The valueAccessor is used to access/manipulate the value of display data. You can achieve custom value formatting by using the valueAccessor. Please find the code example. 

@Html.EJS().Grid("DefaultFunctionalities").DataSource((IEnumerable<object>)ViewBag.dataSource).Columns(col => 

    { 

 

        col.Field("EmployeeID").HeaderText("Employee ID").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Width("120").Add(); 

        col.Field("FirstName").HeaderText("Full Name").Width("150").ValueAccessor("valueAccess").Add(); 

 

    }).Render() 

</div> 

<script> 

    function valueAccess(field, data, column) { 

        return data[field] + '-' + data['LastName']; 

    } 

 

</script> 

Please find the documentation for your reference. 

https://ej2.syncfusion.com/16.1.37/documentation/grid/columns.html?lang=typescript#valueaccessor  

Regards, 

J Mohammed Farook 

[Breno Laustidio]

Hi Breno, 

We have achieved your requirement by using ‘ValueAccessor’ property of Grid.  The valueAccessor is used to access/manipulate the value of display data. You can achieve custom value formatting by using the valueAccessor. Please find the code example. 

@Html.EJS().Grid("DefaultFunctionalities").DataSource((IEnumerable<object>)ViewBag.dataSource).Columns(col => 

    { 

 

        col.Field("EmployeeID").HeaderText("Employee ID").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Right).Width("120").Add(); 

        col.Field("FirstName").HeaderText("Full Name").Width("150").ValueAccessor("valueAccess").Add(); 

 

    }).Render() 

</div> 

<script> 

    function valueAccess(field, data, column) { 

        return data[field] + '-' + data['LastName']; 

    } 

 

</script> 

Please find the documentation for your reference. 

https://ej2.syncfusion.com/16.1.37/documentation/grid/columns.html?lang=typescript#valueaccessor  

Regards, 

J Mohammed Farook 

Hi Mohammed Farook J, May you send me a working example, because I could not make it work on my project. 

Thank you.

By Breno Laustidio.

[Mohammed Farook J]

Hi Breno,  

 

We have prepared a sample based on your requirement and you can downloaded from the following link 

 

Sample : http://www.syncfusion.com/downloads/support/directtrac/general/ze/WebApplication26-1631990286.zip  

 

 

Regards, 

J Mohammed Farook