内联编辑验证答案

【问题标题】：Inline editing Validation内联编辑验证
【发布时间】：2013-08-02 05:51:24
【问题描述】：

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

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

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

我们有 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();
                       })

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

【问题讨论】：

不是问题，只是规范。是请求吗？
你是什么意思，它是一个请求？我有这个问题，我想知道解决方案。
你没有提到任何问题。只写你想要的。你有没有试过？展示您的努力并准确说明您不理解的任务部分。现在看起来像：“我想做……为我做”
好的，再看看。我正在更新问题。

标签： c# validation asp.net-mvc-4 kendo-grid inline-editing

【解决方案1】：

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

看看这个fiddle

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

你可以在 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");

}

【讨论】：