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