Предварительная обработка перед загрузкой kendo ui

Question

Я хочу передать некоторые данные (guid) в метод загрузки kendoUpload, чтобы конкретный метод действия контроллера MVC получал эти данные. Каждый раз, когда происходит загрузка, мне нужно передать эти данные (guid).

$("#propertyAttachmentUpload").kendoUpload({
            async: {
                saveUrl: fileUploadUrl,
                chunkSize: 1048576,
                removeUrl: "remove"
            },
            multiple: true,
            upload: function (e) {
                e.data = { id: $("#fileUplpderParentObjectId").val(), fileId: fileId };
            },
            showFileList: false,
            dropZone: ".propertyAttachmentDropZone",
            success: onSuccess
        });

Поле fileId. Я могу вызвать вышеуказанный блок кода в событии нажатия кнопки загрузки, и это работает, но стили пользовательского интерфейса Kendo не применяются к кнопке загрузки при инициализации.

$("#propertyAttachmentUpload").click(
    function() {
        var fileId = guid();
        $("#propertyAttachmentUpload").kendoUpload({
            async: {
                saveUrl: fileUploadUrl,
                chunkSize: 1048576,
                removeUrl: "remove"
            },
            multiple: true,
            upload: function (e) {
                e.data = { id: $("#fileUplpderParentObjectId").val(), fileId: fileId };
            },
            showFileList: false,
            dropZone: ".propertyAttachmentDropZone",
            success: onSuccess
        });
    });

Как я могу инициализировать идентификатор файла без потери стилей интерфейса Kendo.

Примечание: я не могу вызвать guid() внутри upload метода, так как метод загрузки вызывает каждый блок загрузки. Для всех фрагментов fileId должен быть одинаковым для конкретного файла.

Answer 1

Я решил эту проблему, используя глобальную переменную и установив ее в событии нажатия кнопки загрузки,

var fileGuid = '';

$(document).on('click', '#propertyAttachmentUpload', function() {
    fileGuid = "";
    fileGuid = guid();
})

$("#propertyAttachmentUpload").kendoUpload({
    async: {
        saveUrl: fileUploadUrl,
        chunkSize: 1048576,
        removeUrl: "remove"
    },
    multiple: true,
    upload: function (e) {
        e.data = { id: $("#fileUplpderParentObjectId").val(), fileId: fileGuid };
    },
    showFileList: false,
    dropZone: ".propertyAttachmentDropZone",
    success: onSuccess
});