KendoUI上传文件数据属性

Question

我创建了一个带有自定义弹出编辑窗口的网格。在模板中，我使用数据属性为适当的输入赋值。例如：

<input id="cgrid-edit-contact" name="contact" tabindex="3" data-bind="value: contact.contactid" style="width:214px" />`

我遇到的问题是我有一个KendoUpload小部件，我想要显示之前上传的文件。以下页面说明要配置您提供的小部件data-，后跟Kendo属性名称。因此，设置files属性将如下所示：

<input id="cgrid-edit-file" type="file" data-files="[{name: 'file1.doc', size: 525, extension: '.doc'}]" style="width:214px;display:inline" />

显然内容应该是动态的，但我甚至无法获得静态值来初始化。有没有人遇到过这个？

Answer 1

同时支持MVVM：

HTML：

<!-- .. -->
data-files="[ viewModel.GetCurrentFilename() ]"
<!-- .. -->

JS：

//.. viewModel ..
GetCurrentFilename: function ()
{
    return {name: 'file1.doc', size: 525, extension: '.doc'};
}
//..

Answer 2

以下内容应该有效：

  <input id="cgrid-edit-file" 
         type="file" 
         data-files="[{name: 'file1.doc', size: 525, extension: '.doc'}]" 
         data-role="upload" 
         data-async="{ saveUrl: 'save' }"
  />

但是，您目前无法使用MVVM指定上载可以显示的文件。您只能将它们指定为数据属性。