Kendo ui 剑道网格验证消息位置问题

Kendo ui 剑道网格验证消息位置问题,kendo-ui,kendo-grid,Kendo Ui,Kendo Grid,我开发的剑道网格有一条验证消息,但箭头指向右侧的列。我无法更改/kendo.default.min.css中的任何内容,因为它位于不应更改的共享文件夹中。有什么帮助吗 dataSource: { data: data.ReportData, schema: { model: { fields: { ProposedDiscount: { validation: { required: true,

我开发的剑道网格有一条验证消息,但箭头指向右侧的列。我无法更改/kendo.default.min.css中的任何内容,因为它位于不应更改的共享文件夹中。有什么帮助吗

dataSource: {
  data: data.ReportData,
  schema: {
    model: {
      fields: {
        ProposedDiscount: {
          validation: { 
            required: true,
            proposeddiscountcvalidation: function (input) {
              if (input.val() != "" && input.is("\[name='ProposedDiscount'\]")) {
                  input.attr("data-proposeddiscountcvalidation-msg", "Should be whole number between 0 & 100");
                  // $('.k-widget k-tooltip k-tooltip-validation k-invalid-msg  .k-icon k-warning .k-tooltip-validation .k-callout-n').removeClass('.k-callout-n');
                  return input.val() >= 0 && input.val() < 101 && input.val() % 1 == 0;
              } else {
                  return true;
              }
            }
          }
        }
数据源:{
数据:data.ReportData,
模式:{
型号:{
字段:{
建议的结算:{
验证:{
要求:正确,
建议的统计验证:功能(输入){
if(input.val()!=“”&input.is(“\[name='ProposedDiscount'\]”){
input.attr(“建议的数据统计验证消息”,“应为介于0和100之间的整数”);
//$('.k-widget k-tooltip k-tooltip-validation k-invalid-msg.k-icon k-warning.k-tooltip-validation.k-callout-n')。removeClass('.k-callout-n');
返回input.val()>=0&&input.val()<101&&input.val()%1==0;
}否则{
返回true;
}
}
}
}

您可以尝试简单地覆盖验证工具提示上的一些样式。这对我来说很有效,尽管我已经对其进行了严格的限定,以避免在其他地方产生任何意外影响。您可能需要稍微修改它,具体取决于您使用的剑道版本:

<style>
    .k-grid .k-grid-content tr.k-grid-edit-row>td[role='gridcell'] .k-tooltip-validation>.k-callout-n {
        left: auto;
        margin-left: auto;
    }
</style>

.k-grid.k-grid-content tr.k-grid-edit-row>td[role='gridcell'].k-tooltip-validation>.k-callout-n{
左:自动;
左边距:自动;
}

编辑:我刚刚注意到你说你“不能在/kendo.default.min.css中更改任何内容”-你不需要这样做。这将覆盖该文件中由kendo提供的默认样式。如果你有自己的站点范围的css文件,你可以将其添加到该文件中,甚至可以直接将其添加到承载网格的页面中(虽然不建议这样做)。希望这有帮助。

剑道样式默认显示工具提示并放置标注(箭头)在工具提示的中心。如果消息足够宽,如您的示例中所示,因为箭头位于中心,它最终指向错误的单元格。如果将工具提示约束到单元格的宽度,它将包装消息并将其约束到单元格的宽度,这意味着居中的箭头将对齐

.k-validator-tooltip {  width: min-content; }

我认为你没有评论的jQuery是正确的,但是我认为用CSS修复可能会更容易(见我的答案)。这有一个优点,你可以将它应用于整个网站的网格,一个页面等等。你能帮我处理我的查询吗-