项目中封装的kendoUl的grid怎么使用

项目中KendoUI生成grid以及搜索功能的使用示例

---

一. 在html中指定一个容器来存放生成的grid

---

二. 剩下的就只用写js，配置grid的参数

2.1 指定serviceID

新版本的调用接口方式，只用指定serviceId即可，相比之前的通过调用门户方法，然后再调用Java后台方法更加的方便，写起来也更加简洁；

• 对应于 wiki 上的 内部接口列表 中的 serviceId 的值
  
  

2.2 设置grid的配置信息

• gridId 对应于 HTML中的id
  

  

• sourceId 对应于接口返回的 json数据格式的外部的一个属性

  • 该json数据格式，是你在写接口之前定义的，用于 列定义；
    
    

2.3 列定义模板

• title： 用于显示html列头文字；

  • 用于模板绑定；

• template : 用于 html+js 的模板；

  • 支持html 与 js 混搭写法；
  • 最好看一下 kendoUI用于双向绑定的 # 号语法

• fieId： 非模板绑定；

• width： 设置列宽；

  • 设置 固定宽度，如100（默认单位为px，不用加单位 ）；
  • 设置 百分比，如"10%" (必须添加 双引号或单引号 )；
    
    

2.4 生成grid

2.5 怎么配置查询参数

在 controller 中定义一个 serviceParams（随便取个名都行） ，通过 ng-model 进行 数据的双向绑定

• 注意在使用定义的查询参数必须 先给它初始化，否则会报 undefined 的错误；
  
  

2.6 grid怎么将搜索的参数，读取并传入到后台

• 触发 submit 之前一定要把查询参数 转换 成对应的 数据格式，否则后台后有问题，无法进行查询；
  
  

---

三. wiki内部接口列表文档

• 所有的接口文档说明示例都在该目录下；

  
  
  

3.2 完成一个模块的流程

• 首先在Wiki上写好后台接口的实现 文档 ，示例，参数配置，对应服务ID等；
• 写后台前，前台先组织好json数据格式 ,Java代码实现 后台 接口，现在本地创建，本地调试通过，上传到OC库；
• 新建html、controller.js、less, 添加module、配置路由，代码实现 前台 页面；
• 调用后台接口，前后台测试 联调，主要修改逻辑上的bug；
• 测试成功，页面上进行样式 微调；
• 代码评审 通过，迁出并上传代码；
• 最后在wiki上新建文档，书写代码实现的功能，怎么操作，如何管理的说明文档（附截图）；
• 该模块 over；

---

    不要害怕搞砸一切，撸起键盘就是改，大不了undo掉，重新来emoji...    
                                                                ---adminZz