zoukankan      html  css  js  c++  java
  • 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">
    ' +
            '            <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 {
         100%;
        height: 100%;
      }
    

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

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



  • 相关阅读:
    Java基础知识点总结(四)
    Java基础知识点总结(三)
    用easyui实现查询条件的后端传递并自动刷新表格的两种方法
    在JDBC中实现SQL语句的模糊查询
    向DataGrid数据表格增加查询搜索框
    Java基础知识点总结(二)
    easyui中formatter的用法
    腾讯云+阿里云 搭建hadoop + hbase
    -- 记录 -- 问题记录
    -- 1 -- springboot
  • 原文地址:https://www.cnblogs.com/apuyuseng/p/11897714.html
Copyright © 2011-2022 走看看