内联编辑验证

Question

我有一个kendo网格。我想在那里添加内联编辑验证。

以下是我的剑道网格的屏幕截图：

  

    

根据我的功能，我想验证根据“媒体类型”字段提交的“媒体”。

         

我们有4种媒体类型（电子邮件，WebURL，Facebook，Twitter）。

         

媒体字段字符串应该根据所选的媒体类型。例如：

  

1) For Email Media Type :   amit@gmail.com
2) For WebURL Media Type:   www.yahoo.com

  

    

如果有人根据所选的媒体类型输入了无效的媒体字符串，那么我想显示验证消息。它可以是MVC模型验证或Javascript验证。

         

我尝试过两种有道理的方法。但没有人帮助我。

  

1）客户端模板。

  

    

其中我使用了Add Net Item按钮的客户端模板来验证Media字段。为此我已经通过Javascript函数处理它。请看下面的内容： -

  

.ToolBar（commands =＆gt; {commands.Template（“Add New Media”）;}）

  

    

通过这个我能够验证该字段。但是无法将其保存在数据库中。我不知道如何调用Saving方法。

  

2）按命令： -

我也试过这个： -

.ToolBar(commands =>
                       {
                           commands.Create();
                           commands.Save();
                       })

但它没有验证该字段。但我能够将其保存在数据库中。

Answer 1

你可以在下拉列表更改事件中执行此操作

查看此fiddle

将“Dave”人员更改为软件工程师以查看验证工作。

你可以在onSelect事件中自定义验证

function onSelect(e) {

var name = $('td:first', $(e.sender.element).closest("tr")).text();
var dataItema = this.dataItem(e.item.index());

if ((this.dataSource.data()[e.item.index()].title) == 'Software Engineer') {
    if (name == 'Dave') {
        $('td:first', $(e.sender.element).closest("tr")).addClass('error');
    }
}

//var id = e.item.find("span").attr("data-id");

}