c# - 内联编辑验证

Question

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

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

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

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

并且媒体字段字符串应根据选择的媒体类型。例如：

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

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

我尝试了两种已知的方法。但没有一个能帮助我。

1) 客户端模板。

在其中我使用客户端模板添加网络项目按钮来验证媒体字段。为此我已经通过 Javascript 函数处理它。请看下面：-

.ToolBar(commands => { commands.Template("添加新媒体"); })

通过这个我能够验证该字段。但无法将其保存在数据库中。意味着我不知道通过这个调用保存方法的方法。

2) 通过命令：-

我也试过这个： -

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

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

Answer 1

你可以在下拉更改事件中做到这一点

看看这个小提琴

将人“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");

}