iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 7
1

案子前端(View)大多使用KendoUI,主要有以下特色,而且有豐富的文件可以支援開發
以下為其特色

  • 70+ jQuery-based UI widgets and 11 frameworks
  • Seamless AngularJS and Bootstrap integration
  • Web components support and mobile app
  • Offline data storage engine
  • Easy-to-use library with polished UI

匯入
https://ithelp.ithome.com.tw/upload/images/20181022/20111766nNouBkX1Jh.png

基本使用(初始化)

  • 定義一個dom (ex. 、)
  • Selector.kendo+(Web Widgets Name) Ex: $(“#id”).kendoGrid();
    https://ithelp.ithome.com.tw/upload/images/20181022/20111766UNTP9LYFsK.png

Kendo驗證
kendoValidator
https://ithelp.ithome.com.tw/upload/images/20181022/20111766jUBmMPZdmC.png

DOM元素上加上required
https://ithelp.ithome.com.tw/upload/images/20181022/20111766Y4KWIY6IxY.png
access kendoVaild instance

var validator =$("#form").data("kendoValidator");

在submit前判斷驗證機制 validator.validate()
https://ithelp.ithome.com.tw/upload/images/20181022/20111766xaMTdQfbWd.png

KendoGrid

  • 在kendo裡面算是一個核心角色
  • 是一個物件的資料結構
  • 對Kendo UI上的data binding

上一篇
[鐵人賽D5] View介紹與設定(2)
下一篇
[鐵人賽D8] Nlog設定
系列文
MVC概略與分享9
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言