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

Question

请参阅jsfiddle,例如,将First Name字段留空以显示验证工具提示.在正常形式中,验证工具提示正确地定位在每个元素的右侧.但是在网格的弹出编辑器中,它仍然试图将工具提示放在元素下面,就好像它在内联编辑一样.我试过<span class="k-invalid-msg" data-for="FirstName"></span>但它没有改变任何东西.是否有一个我缺少的设置让这个在popupeditor中工作？我想我可以手动修改.k-tooltip,但我希望有更多内置的东西正确处理定位,因为我不是很擅长CSS.

Answer 1

正如您所发现的,网格的错误模板与应用于标准输入时的kendo验证器提供的错误模板不同.

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

关键是定义自定义模板并将其应用于编辑事件,但不是使用选项对象,而是直接设置私有实例.不理想,但它有效:

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

请参阅此更新的小提琴,了解我认为您可能希望实现的目标.

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