file-upload - DevExtreme - 带有 FileUpload 的单元格

Question

是否有可能使用与行关联的 FileUpload 创建 DataGrid 单元格。

例如，我有包含记录的数据库，我希望能够将文件附加到选定的记录。

有人知道如何做到这一点并可以与我分享；）

非常感谢您的帮助：D

标签： file-uploaddatagridasp.net-core-mvcdevextreme

Answer 1

你的意思是这样的：

一个简单的演示：

<div class="demo-container">
    <div id="gridContainer"></div>
</div>


<script>
    $(function () {
        var customers = [{
            "ID": 1,
            "CompanyName": "Premier Buy",
            "Address": "7601 Penn Avenue South",

        }, {
            "ID": 2,
            "CompanyName": "ElectrixMax",
            "Address": "263 Shuman Blvd",

        }, {
            "ID": 3,
            "CompanyName": "Video Emporium",
            "Address": "1201 Elm Street",

        }]
        $("#gridContainer").dxDataGrid({
            dataSource: customers,
            showBorders: true,
            columns: ["CompanyName", "Address", {
                dataField: "COLUNIQID",
                alignment: 'center',
                caption: "Actions",
                cellTemplate: function (container, options) {
                    $('<input type="file" />')
                        .on('change', function () {
                            //do the upload here
                            
                        })  
                        .appendTo(container);
                }
            }]
        });

    });
</script>