Kendo ui 使用kendoUpload控件编辑剑道网格

Kendo ui 使用kendoUpload控件编辑剑道网格,kendo-ui,kendo-grid,Kendo Ui,Kendo Grid,有人在剑道网格中添加了剑道牌控件吗?我想添加它,这样我就不必构建额外的面板来存储控件了 我会将其添加为模板吗 上传代码 var uploadInput = '<form method="post" action="#"><div><input name="upload" type="file" /></div></form>'; if (!kendoGrid) { $("#kgridDocum

有人在剑道网格中添加了剑道牌控件吗?我想添加它,这样我就不必构建额外的面板来存储控件了

我会将其添加为模板吗

上传代码

 var uploadInput = '<form method="post" action="#"><div><input name="upload" type="file" /></div></form>';

        if (!kendoGrid) {
            $("#kgridDocuments").kendoGrid({
                scrollable: false,
                toolbar: ["search", "create", "save", "cancel"],
                dataBound: function (e) {
                    $("input[type='file']").kendoUpload();
                },
                columns: [
                    {
                        template: "#= uploadInput #",
                        title: "File Upload"
                    },
                    {
                        field: "FileType",
                        title: "File Type"
                    }
                ],
                noRecords: {
                    template: "No Result Found."
                },
            });
        }
var uploadInput='';
如果(!肯多格里德){
$(“#kgridDocuments”)。肯多格里德({
可滚动:false,
工具栏:[“搜索”、“创建”、“保存”、“取消”],
数据绑定:函数(e){
$(“输入[type='file'])。kendoUpload();
},
栏目:[
{
模板:“#=上传输入#”,
标题:“文件上传”
},
{
字段:“文件类型”,
标题:“文件类型”
}
],
诺雷科德:{
模板:“未找到结果。”
},
});
}

是的,您可以在网格中添加上载组件。使用列模板创建输入标记,使用dataBound函数初始化kendoUpload组件。这里有一个例子可以帮助你

<table id="grid" style="width: 100%"></table>
<script type="text/javascript">

    var uploadInput = '<form method="post" action="#"><div><input name="upload" type="file" /></div></form>';

    $("#grid").kendoGrid({
        dataSource: yourDataSource,
        dataBound: function(e) {
            $("input[type='file']").kendoUpload();
        },
        columns: [
            {
                field: "Id",
                title: "Id",
                filterable: false
            },
            {
                field: "StatusText",
                title: "StatusText"
            },
            {
                title: "Upload",
                filterable: false,
                sortable: false,
                template: "#= uploadInput #"
            }
        ]
    });
</script>

var uploadInput='';
$(“#网格”).kendoGrid({
数据源:您的数据源,
数据绑定:函数(e){
$(“输入[type='file'])。kendoUpload();
},
栏目:[
{
字段:“Id”,
标题:“身份证”,
可过滤:false
},
{
字段:“状态文本”,
标题:“状态文本”
},
{
标题:“上传”,
可过滤:false,
可排序:false,
模板:“#=上传输入”
}
]
});

我已将其与工具栏中的“创建”连接起来,但它不会显示?
<table id="grid" style="width: 100%"></table>
<script type="text/javascript">

    var uploadInput = '<form method="post" action="#"><div><input name="upload" type="file" /></div></form>';

    $("#grid").kendoGrid({
        dataSource: yourDataSource,
        dataBound: function(e) {
            $("input[type='file']").kendoUpload();
        },
        columns: [
            {
                field: "Id",
                title: "Id",
                filterable: false
            },
            {
                field: "StatusText",
                title: "StatusText"
            },
            {
                title: "Upload",
                filterable: false,
                sortable: false,
                template: "#= uploadInput #"
            }
        ]
    });
</script>