This is a migrated thread and some comments may be shown as answers.

AsyncUpload - Additional Fields

2 Answers 67 Views
AsyncUpload
This is a migrated thread and some comments may be shown as answers.
Wulong
Top achievements
Rank 1
Wulong asked on 02 Jul 2013, 10:57 PM
Hello, I have a question regarding this demo http://demos.telerik.com/aspnet-ajax/asyncupload/examples/additionalfields/defaultcs.aspx
If I have a requirement to add additional field as Radio Button List Options. Using this similar demo, How would I extend it? thanks

2 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 04 Jul 2013, 07:23 AM
Hi Wulong,

Please have a look at the following JavaScript code i tried.

JavaScript:
<script type="text/javascript">
    var $ = $telerik.$;
 
    function onClientFileUploaded(radAsyncUpload, args) {
        var $row = $(args.get_row());
        var inputName = radAsyncUpload.getAdditionalFieldID("TextBox");
        var inputName1 = radAsyncUpload.getAdditionalFieldID("RadioButton");
        var inputType = "text";
        var inputID = inputName;
        var input = createInput(inputType, inputID, inputName);
        var label = createLabel(inputID);
        var radio1 = createRadioButton(inputName1, "1", "Option1");
        var radio2 = createRadioButton(inputName1, "2", "Option2");
        var radio3 = createRadioButton(inputName1, "3", "Option3");
        $row.append("<br/>");
        $row.append(label);
        $row.append(input);
        $row.append(radio1);
        $row.append(radio2);
        $row.append(radio3);
    }
 
    function createInput(inputType, inputID, inputName) {
        var input = '<input type="' + inputType + '" id="' + inputID + '" name="' + inputName + '" />';
        return input;
    }
 
    function createLabel(forArrt) {
        var label = '<label for=' + forArrt + '>File info: </label>';
        return label;
    }
    function createRadioButton(inputName1, value, text) {
        var radioButton1 = '<input type="radio" id="' + inputName1 + '" name="' + inputName1 + '" value="' + value + '" />' + text + '';
        return radioButton1;
    }
</script>

Thanks,
Shinu.
0
Wulong
Top achievements
Rank 1
answered on 08 Jul 2013, 03:16 PM
works good. thanks for your help.
Tags
AsyncUpload
Asked by
Wulong
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Wulong
Top achievements
Rank 1
Share this question
or