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 格式(目前无相应配置，只能在提交时时更改或是服务端识别)