Custom Editor in Forms Component with TagHelper

[Andreas]

Hi,

I need to create a custom editor to provide an upload field in my form component. I have seen posts and this documentation about creating custom editors with the HtmlHelper approach but can't find anything for the TagHelper approach.

Please can you point me in the right direction?

[Mihaela]

Hello Andreas,

You could add the Upload component when using the TagHelper Form by using the "editor-handler" attribute. For example:

<form-item field="files" editor-handler="customEditor">
</form-item>

<script>
    function customEditor(container, options) {
        $('<input id="files" type="file" name="' + options.field + '"/>')
                .appendTo(container);
        }

    $(document).ready(function () {
        $("#files").kendoUpload(); //Initialize the Upload with jQuery
    });
</script>

I will update the Custom Editor section in the documentation with a TagHelper example.

I hope that helps.

 

Regards,
Mihaela
Progress Telerik