combox in template

[marvin Permano]

Hello,

     I've been working on a project where in i wanted to have a detail temple for the Grid. i define the template this way:

<script type="text/x-template" id="detail-template">
    <div class="detail-info">
        @{<ejs-combobox id="${fieldname}-${id}" dataSource="@ViewBag.data" placeholder="Select a game" index="2" popupHeight="230px">
                <e-combobox-fields text="Game" value="Id"></e-combobox-fields>
         </ejs-combobox>}
    </div>
<script>

when i ran the website this is what shows up for the combobox <input id="ACHNO-77760">

how can i make the ejs-combox work in templates?

Thanks in advance,

Marvin

[Madhu Sudhanan P]

Hi Marvin, 

Thanks for contacting Syncfusion support. 

We cannot use ASP.NET Core Tag helper inside the grid template. Essential JS 2 ASP.NET Core controls uses ES6 like template syntax which is compiled and executed using Essential JS 2 Template engine.  

https://ej2.syncfusion.com/documentation/common/template-engine.html?lang=typescript 

https://ej2.syncfusion.com/documentation/common/template-engine.html?lang=typescript#available-template-syntax 

To render other components inside grid cells, please go through the below link, in which dropdown is rendered inside grid cell. You can use the same procedure to render combobox. 

  

https://ej2.syncfusion.com/aspnetcore/documentation/grid/how-to.html#render-other-components-in-a-column 

https://ej2.syncfusion.com/javascript/documentation/combo-box/tags 

Regards, 

Madhu Sudhanan P 

[marvin Permano]

thank you so much! this saves me a lot of time

[Madhu Sudhanan P]

Hi Marvin, 

Thanks for the update. We are glad that your requirement has been achieved. 

Regards, 

Madhu Sudhanan P