自定义弹出编辑器中的 kendoui 验证工具提示未正确定位

请参见jsfiddle例如，空白“名字”字段以显示验证工具提示。在正常形式中，验证工具提示正确地位于每个元素的右侧。但在网格的弹出编辑器中，它仍然尝试将工具提示放置在元素下方，就像它在内联编辑一样。我努力了<span class="k-invalid-msg" data-for="FirstName"></span>但这并没有改变任何事情。我是否缺少一个设置来使其在弹出编辑器中工作？我想我可以手动修改 .k-tooltip 但我希望有更多内置的东西可以正确处理定位，因为我不太擅长 css。

正如您所发现的，当应用于标准输入时，网格的错误模板与剑道验证器提供的错误模板不同。

不幸的是，由网格内部创建的验证器不会传递您可能在选项对象中定义的任何 errorTemplate，并且当“编辑”事件触发时，验证器已经创建并编译了错误模板，因此为什么以您描述的方式设置 errorTemplate 不起作用。确实，我认为 Kendo 网格应该尊重任何用户定义的 errorTemplate 选项，但在此之前我们必须进行一些修改。

关键是定义一个自定义模板并将其应用到编辑事件中，但不使用选项对象，而是直接设置私有实例。不理想，但它有效：

edit: function (e) {
    e.sender.editable.validatable._errorTemplate = 
         kendo.template($('#tooltip-template').html());
}

请参阅此更新的小提琴，以获取我认为您可能希望实现的目标的示例。

http://jsfiddle.net/nukefusion/eQ2j7/10/