其他分享
首页 > 其他分享> > kendo grid 使用小结

kendo grid 使用小结

作者:互联网

需要注意的:

1. id,如果没有指定id则会导致create、update等操作无法正常使用。

 

头疼事项:

1. 服务端失败返回error数据。如果是编辑状态,还不能友好提示错误。当然可以使用大量代码实现,不过却过于繁琐。

createError: function (e) {
      let err = e.xhr.responseJSON
      let $ = kendo.jQuery
      let validationMessageTmpl = kendo.template('<div class="k-tooltip k-tooltip-validation k-invalid-msg" style="margin: 0.5em; " data-for="#=field#" role="alert" data-valmsg-for="#=field#" id="#=field#_validationMessage">\n' +
        '            <span class="k-icon k-i-warning"> </span>#=message#<div class="k-callout k-callout-n"></div></div>')
      for (let i in err) {
        let el = $('[name="' + i + '"]')
        el.attr('aria-invalid', true)
        el.addClass('k-invalid')
        el.removeClass('k-valid')
        el.parent().append(validationMessageTmpl({ field: i, message: err[i][0] }))
      }
    }
createError对应在datasource error, 上述等操作只是能够在界面上友好显示,却不是最佳方案。

2.vue 版本其实只是在jq 基础上的封装,所以有时候用着很别扭。
3.窗口大小与里面内容大小。当设置了窗口大小时,还要设置通过css去更改.k-edit-form-container
  .k-edit-form-container {
    width: 100%;
    height: 100%;
  }

  默认大小是写死的,真的不理解这样的做法。

 4. date提交数据是datetime 格式(目前无相应配置,只能在提交时时更改或是服务端识别)

 

 



标签:el,validationMessageTmpl,err,edit,kendo,grid,let,小结
来源: https://www.cnblogs.com/apuyuseng/p/11897714.html