Kendo列表视图中的Kendo UI Uploader

Question

是否可以在kendo ListView中添加kendo上传？

<script type="text/x-kendo-tmpl" id="templateMessage">
    <div class="Row" style="padding: 2px 2px 2px 2px !important;">
        <div style="width: 15%; float: @_Layout.Align; padding-left: 2px;" class="gridText">
            #:CheckList#     
        </div>
        <div style="width: 50%; float: @_Layout.Align; padding-left: 2px;" class="gridText">
            @(Html.Kendo().Upload()
                .Name("file")
                .Async(a => a
                    .Save("SavePic", "Home")
                    .Remove("RemovePic", "Home")
                    .AutoUpload(true))
                .Multiple(false)            
            )
        </div>
    </div>
</script>

Answer 1

我认为这是可能的。只需要记住在客户端模板中使用kendo小部件时调用ToClientTemplate()方法。

在这种情况下：

@(Html.Kendo().Upload()
            .Name("file")
            .Async(a => a
                .Save("SavePic", "Home")
                .Remove("RemovePic", "Home")
                .AutoUpload(true))
            .Multiple(false)            
            .toClientTemplate()
        )

<强>更新： 你可以逃避使用＆＃34;＃＆＃34;使用"\\#"的JavaScript字符串和使用"\#"的HTML脚本模板。

Answer 2

您需要涵盖的几点：

1. 将widget置于其中时的所有ToClientTemplate扩展 客户端模板。
如果您在窗口小部件声明中使用了任何内容，则

2. 转义尖锐符号：

   function（e）{ e.data = {id：$（＆＃34; \＃Id＆＃34;）。val（）}; }