Form elements

[Jacob]

Hello,

I use a grid inside my website. Now i want to add a upload field to this grid to upload images. And also add radio buttons.

Is this possible? I can't find a list of supported element types.

Regards,
Jacob

[Alexander Valchev]

Hi Jacob,

You can use Kendo Templates to add an inputs in the grid. In the attachments you can find a demo showing this approach in action.

Greetings,
Alexander Valchev
the Telerik team

[Joel]

Alexander,

Interesting use of templates there. What would be the easiest way to have a radio button item selected based on a value specified in the localData datasource? Using some form of row databound event?

Thanks,
Joel 

[Alexander Valchev]

Hi Jacob,

One possible solution is to use the dataBound event to read the data and implement the logic. It would be best to set the id or the name attribute of the inputs with Kendo template. Thus way it will be easier to select the radio buttons via jQuery. Please check the following example:

var radioBtns = '<form><input id="#=Id#" class="radioBtnMale" type="radio" name="sex" value="male" /> Male<br /><input class="radioBtnFemale" type="radio" name="sex" value="female" /> Female</form>';

I have updated the project to illustrate the approach.

Regards,
Alexander Valchev
the Telerik team

[Joel]

Thanks Alexander ... that helps a lot!

[Mark]

Excellent example,
I have difficulty adding event to Upload control,
Do you think you could provide example how to actually upload the file.
I am trying to modify it to have async call:

    $("#grid").kendoGrid({

        dataSource: dataSource,

        dataBound: function (e) {

            $("input[type='file']").kendoUpload({

                async: {

                    saveUrl: "save",

                    removeUrl: "remove",

                    autoUpload: true

                }

                ,

                events: {

                    upload: "onUploaded",

                    error: "onFailed"

                }

            });

            ;

[jose]

Really good post. From not knowing how to do it to actually implementing it in 30 minutes! Excellent!