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



  • 相关阅读:
    10.16 NOIP模拟赛
    10.14 牛客提高集训营5
    10.12 正睿普及4
    Codeforces Round #516 (Div. 2) (A~E)
    hihoCoder.1509.异或排序(位运算 思路)
    hihoCoder.1513.小Hi的烦恼(bitset 五维偏序)
    hihoCoder挑战赛19 A.Rikka with Sequence(状压DP)
    BZOJ.3668.[NOI2014]起床困难综合症(贪心)
    BZOJ.4903.[CTSC2017]吉夫特(Lucas DP)
    BZOJ.3329.Xorequ(数位DP)
  • 原文地址:https://www.cnblogs.com/apuyuseng/p/11897714.html
Copyright © 2011-2022 走看看