组件/数据管理/列表视图

新Telerik UI for ASP。NET MVC?下载30天免费试用

编辑

Telerik UI ListView for ASP。NET MVCenables you to edit its records.

实现ListView的编辑功能:

  1. 配置ListView进行编辑
  2. 定义项目模板
  3. 定义编辑器模板
  4. 启用编辑功能
  5. 指定并实现数据源的操作方法和模型id

配置ListView进行编辑

下面的示例演示如何为ASP配置Telerik UI ListView。NET MVC进行编辑。

名称空间ListViewExample。模型{公共类OrderViewModel{公共int OrderID{获取;设置;公共十进制?运费{得到;设置;} [Required] public DateTime?OrderDate {get;设置;}[必选]公共字符串ShipCity {get; set; } [Required] public string ShipName { get; set; } } }

定义项目模板

下面的示例演示如何为Telerik UI ListView定义项模板。添加用于创建、更新和销毁操作的按钮。

点击元素的事件k-edit-button而且k-delete-button类名将被Telerik UI ListView自动处理和处理为更新而且摧毁行动。为方便创建操作将单击处理程序添加到k-add-button，获取Telerik UI ListView实例并调用add ()方法。

<！——创建操作按钮。使用它调用客户端ListView方法add()——>< a class="k-button k-button-icontext k-add-button" href="//www.aliitrade.com/docs/aspnet-mvc/html-helpers/data-management/listview/#">添加新记录 @(Html.Kendo().ListView() /* ListView configuration */)

定义编辑器模板

属性的定义EditorTemplate对于模型:

  1. 在使用已编辑模型名称的文件中声明编辑器模板—例如，OrderViewModel.cshtml。
  2. 将此文件放在~ \ \ EditorTemplates共享的看法项目目录。

点击元素的事件k-update-button而且k-cancel-button类名将被Telerik UI ListView自动处理和处理为保存而且取消行动。与项目模板类似，必须将编辑器模板包装在HTML容器中。

@model ListViewExample.Models.OrderViewModel 
 
 
 
Ship Name:
 
 @(Html.Kendo()。TextBoxFor (o = > o.ShipName) < / dd > < dt >船舶城市:< / dt > < dd > @ (Html.Kendo()。TextBoxFor (o = > o.ShipCity) < / dd > < dt >运费< / dt > < dd > @ (Html.Kendo()。NumericTextBoxFor(o => o. freight)) 
 
订单日期:
 
 @(Html.Kendo()。DatePickerFor(o => o.OrderDate))  
 
 
   
 
 
         
          
         
        改进这篇文章
Baidu
map