Im trying to make custom editor template for inline edit mode i a .net core grid with tag helper
<kendo-grid name="grdKontaktpersoner" on-change="KontaktChange" deferred="true">
<datasource server-operation="false" type="DataSourceTagHelperType.Ajax" on-error="error_handler">
<transport>
<create url="/Omvisning/OpretKontakt" data="hentBestillerID" />
<read url="/Omvisning/HentKontakt" data="hentBestillerID" />
<update url="/Omvisning/OpdaterKontakt" />
<destroy url="/Omvisning/OpdaterKontakt" />
</transport>
<schema>
<model id="ID">
<fields>
<field name="Navn" type="string" />
<field name="E_Mail" type="string" />
<field name="Tlfnr" type="string" />
<field name="RefNr" type="string" />
</fields>
</model>
</schema>
</datasource>
<toolbar>
<toolbar-button name="create" text="Opret Kontaktperson" />
</toolbar>
<editable enabled="true" mode="inline" />
<scrollable enabled="false" />
<columns>
<column field="ID" hidden="true" />
<column field="Navn" title="Navn" editable="NavnEditor" />
<column field="E_Mail" title="Email" width="200" />
<column field="Tlfnr" title="Telefonnr." width="100"/>
<column field="RefNr" title="Ref. nr." width="100" />
<column>
<commands>
<column-command name="edit" text="Ret"></column-command>
<column-command name="destroy" text="Slet"></column-command>
</commands>
</column>
</columns>
</kendo-grid>
function NavnEditor(container, options) {
var grid = $('#grdKontaktpersoner').data('kendoGrid');
$('<input required name="' + options.field + '"/>')
.appendTo(container);
}
the problem is that the options field in the template is undefined
I have look at your documentation here:
https://docs.telerik.com/aspnet-core/tag-helpers/data-management/grid/overview#column-templates
what is im missing