KendoUI上传文件数据属性

时间:2013-12-21 03:59:41

标签: kendo-ui kendo-grid

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

<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" />

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

2 个答案:

答案 0 :(得分:2)

同时支持MVVM:

HTML:

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

JS:

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

答案 1 :(得分:1)

以下内容应该有效:

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

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