1.grid不可编辑：

 {
                field: "name",
                title: '姓名',
                width: 120,
                headerAttributes: {style: "text-align:center"},
                attributes: {style: "text-align:center"},
                editor: function(container,options){
                        container.html(options.model.name);
                        container.removeClass('k-edit-cell');
                }
            },

2.form不可编辑？ 不会

3.必输校验 ？不会

4.选定lov 后带出 name框的值(就是将lov查出的 name 也赋值给 viewModel ,这样 lov框选中值后，name也赋上值了，判断的name框的值也就达到了自动带出的效果了)

 {
                field: "employeeId",
                title: '用户名',
                width: 120,
                headerAttributes: {style: "text-align:center"},
                attributes: {style: "text-align:center"},
                template: function (dataItem) {
                    return dataItem['employeeCode'] || ''; /* 数据列默认显示值 */
                },
                editor: function (container, options) {
                    $('<input required name="' + options.field + '" />').appendTo(container)
                        .kendoLov($.extend( <@lov"EMPLOYEE_LOV"/>, {

                        select: function (e) {
                            // 将选择后的属性更新到数据模型中以保存
                            options.model.set('employeeId', e.item.employeeId);
                            
                            //重要的就是这个，带出name值，就是给name赋值
                            options.model.set('name',e.item.name); 
                        },
                        //TODO 之前的toolCategoryCode
                        textField: 'employeeCode', /* 编辑器显示的值 */
                        model: options.model
                    }));
                }

5.下拉框默认值（optionLabel: “是”）

 editor: function (container, options) {
                    $('<input required name="' + options.field + '"/>')
                        .appendTo(container)
                        .kendoDropDownList({
                            dataTextField: "meaning",   //显示的文本
                            dataValueField: "value",    //实际的值
                            optionLabel: "是",//默认选项值
                            dataSource: YES_NO,
                            valuePrimitive: true
                        });
                }

16.唯一性校验，一般在后台校验，比较麻烦

17.描述维护，就是 消息维护，{0}代表第一个参数

18.前端页面只要有不会的，可以考虑 借鉴其他页面的源码来修改，而不是直接百度 kendoui ,或者 hap

19.表里面的 cid 用的多，代表时间戳或者序号，和 主键一样，要创建 sequence，插入的时候，insert(主键 ， cid) vaules(seq_s.nextvalue , seq_cid_s.nextvalue)创建的代码已经创建好了的

20.grid 和 他的 viewModel是 跟 接口打交道的 根本，而不是前面 表单，前面的所****有div ，都得绑定好

 <script>kendo.bind($('#div 的 id'), viewModel);script>

这样保证，这些div 的script事件是，将 数据 绑定到 对应 grid的 viewModel
同样这些 div里面的 lov 下拉框，也要有对应的 script，这些script就是，首先调用对应的下拉框 或 lov 然后，将框里面的值，赋值给 viewModel 例如

<script> $("#siteId").kendoLov($.extend(${ 
          lovProvider.getLov(base.contextPath, base.locale, "LOV_SITE")}, { 
           select: function (e) { 
           viewModel.model.set("siteId", e.item.siteId); } })); script>

21.

<script type="text/javascript"> var viewModel = Hap.createGridViewModel("#grid"); var viewModelLine = Hap.createGridViewModel("#gridLine") script>

这个代表的是，grid里面的 viewModel也就是数据模型，这是 grid的根本，viewModel 不是说对应的 实体类的json或者 说 colums的json,他在创建的时候，就是一个 map 里面的 key value都是为null的，
var viewModel = Hap.createGridViewModel(“#grid”);
这句最先执行
然后在，访问接口之前，你可以给 viewModel赋值，后，最先访问 read接口，这时在parameterMap中，对viewModel初始化了一下

你可以随便put 键值对，但是，一般

 			parameterMap: function (options, type) {
                if (type !== "read" && options.models) {
                    var datas = Hap.prepareSubmitParameter(options, type)
                    return kendo.stringify(datas);
                } else if (type === "read") {
                    return Hap.prepareQueryParameter(viewModel.model.toJSON(), options)
                }
            }

这是 viewModel的初始化，代码，这话的意思其实很简单，就是 调用查询方法，将查询出来的 JSON 赋值给 viewModel，所以说，viewModel的初始 key 是和 查询出来的，json相对应的
至于，comlun字段 和 viewModel是有关系的，在不做特定改变的情况下(例如下拉框，lov等)，默认 filed和 viewModel的 key相同的 就取 对应的 value值

总之，viewModel是 数据模型，是整个 grid取值的依据的命脉，也是 于接口打交道，给接口传参的命脉

一切的 值的保存 和 取值，都要考虑到 viewModel ,例如 条件查询框，在取值后，一定要记得 给 viewModel赋值，这样 在访问接口的时候，这个框里面的值，才能传过去。

22. $(“#grid”).kendoGrid({
dataSource: dataSource,
resizable: true,
scrollable: true,
navigatable: false,
selectable: ‘multiple, rowbox’,
autoBind: 代表 gird自动不自动加载
editable: false 代表 grid不可编辑
}）

22：整个页面需要的关注点
1.各个div
2.grid
3.各个事件发生 绑定的 script ，各个div绑定的 script …（script）
4.viewModel
5.viewModel赋值，取值的几个位置，script里面，paramterMap viewMoel初始化的时候，头行，传值，赋值给 viewModel的时候

23.在 script里面是可以 定义 变量的

24.头行明细
1.第一步，定义 2个 grid的 viewModel

<script type="text/javascript"> var viewModel = Hap.createGridViewModel("#grid"); var viewModelLine = Hap.createGridViewModel("#gridLine") script>

2.第二步，定义头的div 和 行的 div
头div

<div id="page-content">
    <div class="pull-left" id="toolbar-btn" style="padding-bottom:10px;">
        <span class="btn btn-primary k-grid-add" style="float:left;margin-right:5px;" data-bind="click:create"><@spring.message "hap.new"/>span>
        <span class="btn btn-success k-grid-save-changes" data-bind="click:save" style="float:left;margin-right:5px;"><@spring.message "hap.save"/>span>
        <span data-bind="click:remove" class="btn btn-danger" style="float:left;"><@spring.message "hap.delete"/>span>
    div>
    <script>kendo.bind($('#toolbar-btn'), viewModel);script>

    <div class="pull-right" id="query-form" style="padding-bottom:10px;">
        <input type="text" data-role="maskedtextbox" style="float:left;width:150px;margin-right:5px;" placeholder='<@spring.message "OdInspectionPlan.inspectionPlanCode"/>' data-bind="value:model.inspectionPlanCode" class="k-textbox">

        <input type="text" data-role="maskedtextbox" style="float:left;width:150px;margin-right:5px;" placeholder='<@spring.message "OdInspectionPlan.inspectionPlanName"/>' data-bind="value:model.inspectionPlanName" class="k-textbox">

        <input placeholder='<@spring.message "bom.sitecode"/>' data-bind="value:model.siteId" id="siteId">
        <script> $("#siteId").kendoLov($.extend(${ 
          lovProvider.getLov(base.contextPath, base.locale, "LOV_SITE")}, { 
           select: function (e) { 
           viewModel.model.set("siteId", e.item.siteId); } })); script>

        <input placeholder='<@spring.message "odinspectionplan.materialid"/>' data-bind="value:model.materialId" id="materialId">
        <script> $("#materialId").kendoLov($.extend(${ 
          lovProvider.getLov(base.contextPath, base.locale, "LOV_MATERIAL")}, { 
           select: function (e) { 
           viewModel.model.set("materialId", e.item.materialId); } })); script>

        <input placeholder='<@spring.message "odinspectionplan.status"/>' data-bind="value:model.status" id="status">
        <script> $("#status").kendoComboBox({ 
           dataTextField: "meaning", dataValueField: "value", valuePrimitive: true, dataSource: STATUS }); script>

        <input placeholder='<@spring.message "odinspectionplan.identifycategory"/>' data-bind="value:model.identifyCategory" id="identifyCategory">
        <script> $("#identifyCategory").kendoComboBox({ 
           dataTextField: "meaning", dataValueField: "value", valuePrimitive: true, dataSource: I_CATE }); script>

        <span class="btn btn-primary" style="float:left;width:70px" data-bind="click:query" type="submit"><@spring.message "hap.query"/>span>

    div>
    <script>kendo.bind($('#query-form'), viewModel);script>
	
	

    
    <div id = "xxx" style="clear:both">
        <div id="grid">div>
    div>
    <script>kendo.bind($('#xxx'), viewModel);script>
div>

行div

<div class="pull-left" id="toolbar-btn1" style="padding-bottom:10px;">
    <span class="btn btn-primary k-grid-add" style="float:left;margin-right:5px;" data-bind="click:create"><@spring.message "hap.new"/>span>
    <span class="btn btn-success k-grid-save-changes" data-bind="click:save" style="float:left;margin-right:5px;"><@spring.message "hap.save"/>span>
    <span data-bind="click:remove" class="btn btn-danger" style="float:left;"><@spring.message "hap.delete"/>span>
div>
<script>kendo.bind($('#toolbar-btn1'), viewModelLine);script>

<div id="bottom-content" style="clear:both;margin: 10px 5px 5px;">
    <div id="gridLine">div>
div>
<script>kendo.bind($('#bottom-content'), viewModelLine);script>

3.定义头和行的 script grid
头的grid