包含checkbox、复合表头、多行可编辑单元格、combobox单元格,就差上次做的table中每行中的关联检索combobox单元格了。
目前已修改为单行编辑,多行编辑时的check有问题

$("#add").click(function(){
 var index=$('#dataGrid').datagrid('appendRow', {         
     FlowTypeName: 'new name',
     FlowTypeCode: 30                
 }).datagrid('getRows').length-1;
 $('#dataGrid').datagrid('beginEdit',index);
});
$(function () {
 var datagrid;
 var status = { "statusResult": [
                          { "statusKey": "ALL", "statusVaule":"全部" },
                          { "statusKey": "70", "statusVaule":"已开入WA提单" },
                          { "statusKey": "80", "statusVaule":"已入WA库" }]};
                          console.info(status.statusResult);
   datagrid = $('#dataGrid').datagrid({
        url: "/purchase/findPredictingStockDetailList.html",
        fit: true,
        fitColumns: false,
        toolbar: $('#tb'),
        singleSelect: true,
        nowrap: true,
        rownumbers: true,
        singleSelect: false,
  selectOnCheck: true,
  checkOnSelect: true,
  onClickCell: function(index,field,value){
   $(this).datagrid('beginEdit', index);
   var ed = $(this).datagrid('getEditor', {index:index,field:field});
   $(ed.target).focus();
//   $(ed).blur(function(){
//    alert(1111111111111111);
//    $(this).datagrid('endEdit', index);
//   });
  },
        queryParams: {
            report_year_week: "$!report_year_week"
        },
        columns: [
            [
             {field:'check',title:'选择',width:40,align:'center', rowspan:2,
                 checkbox:true
             },
             {field:'aa',title:'启用',width:60,align:'center', rowspan:2
             },
             {title:'判断方式',align:'center',colspan:2},
             {title:'关闸方式',align:'center',colspan:5},
             {field:'aaa',title:'说明',width:300,align:'left', rowspan:2
             },
         ],[ 
             {field:'projectID',
                 title:'渠道',
                 width:100,
                 editor:{
                     type:'combobox',
                     options:{
                         data:status.statusResult,
                valueField:'statusKey',
                textField:'statusVaule',
                panelHeight:'auto',
                         editable:false,
                         onSelect:function(record){
                         } 
                     } 
     }
             },
             {field: 'FlowTypeCode', title: '超期库龄', width: 80, align: 'right',
                 editor: {
                     type: 'text',
                     options: { required: true }
                 }
             },
             {field:'col4',title:'渠道',width:100,rowspan:1},
             {field:'name1',title:'品牌',width:100,rowspan:1},
             {field:'addr1',title:'品类',width:100,rowspan:1},
             {field:'col41',title:'型号',width:100,rowspan:1},
             {field:'ss',title:'库位',width:100,rowspan:1}
            ]
        ]
    });
 $('#dataGrid').parent().find("div .datagrid-header-check").children("input[type='checkbox']").eq(0).attr("checked", false);
});

目前用到最全的datagrid(easyui)的更多相关文章

  1. EasyUI datagrid easyui datagrid +dialog 加载 可直接运行 七

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta ht ...

  2. Js全反选DataGrid

    // **************************************************************** // // function Trim(value) // -- ...

  3. 大前端-全栈-node+easyui+express+vue+es6+webpack+react

    作者声明:本博客中所写的文章,都是博主自学过程的笔记,参考了很多的学习资料,学习资料和笔记会注明出处,所有的内容都以交流学习为主.有不正确的地方,欢迎批评指正 视频来源:https://www.bil ...

  4. 基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用

    在前面介绍了两篇关于我的基于MVC4+EasyUI技术的Web开发框架的随笔,本篇继续介绍其中界面部分的一些使用知识,包括控件的赋值.取值.清空,以及相关的使用. 我们知道,一般Web界面包括的界面控 ...

  5. 转--基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用

    原文  http://www.cnblogs.com/wuhuacong/p/3317223.html 基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用 在前面介绍了两篇关于我的基 ...

  6. 毕业设计 ASP.Net+EasyUI开发 X X露天矿调度管理信息系统(一)

    开篇介绍关于EasyUI技术,界面部分的一些使用知识,包括控件的赋值.取值.清空,以及相关的使用. 我们知道,一般Web界面包括的界面控件有:单行文本框.多行文本框.密码文本框.下拉列表Combobo ...

  7. (转)基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用

    原文地址:http://www.cnblogs.com/wuhuacong/p/3317223.html 在前面介绍了两篇关于我的基于MVC4+EasyUI技术的Web开发框架的随笔,本篇继续介绍其中 ...

  8. UI、JS框架----Bootstrap、Metro

    Bootstrap Datagrid EasyUI Metro bootstrap Datepicker Editable for Bootstrap:bootstrap-editable.js X- ...

  9. ylz简单增删改查实现

    首先用generator实现三个文档 分别是实体类(domain文件夹下) xml配置和dao层文件. resource文件夹下 注意位置事先写死了,要根据要求文档来定义位置. package com ...

随机推荐

  1. 增加JVM虚拟机内存,防止内存溢出

    JAVA_OPTS=-Xms512m -Xmx1024m -XX:PermSize=256M -XX:MaxPermSize=512M -XX:MaxNewSize=256m

  2. 本节向大家介绍一下UML建模误区

    本节向大家介绍一下UML建模误区,这里向大家介绍九个误区,希望通过本节的学习,你对UML建模有清晰的认识,以免在以后使用过程中产生不必要的麻烦.下面让我们一起来看一下这些建模误区吧. UML建模误区 ...

  3. [网络技术]网关 路由器 OSI

    tracert 1.网关与路由 关键的区别:网关是这样一个网络节点:以两个不同协议搭建的网络可以通过它进行通信.路由器是这样一种设备:它能在计算机网络间收发数据包,同时创建一个覆盖网络(overlay ...

  4. ZooKeeper启动过程2:FastLeaderElection

    前一篇文章中说到,启动ZooKeeper集群时,需要分别启动集群中的各个节点,各节点以QuorumPeer的形式启动,最后到达startLeaderElection和lookForLeader. 先说 ...

  5. SharePoint 列表应用实例 - 显示约束

    博客地址:http://blog.csdn.net/FoxDave 有时会碰到这样的需求,比如上传周报到文档库,周报只能领导和自己看到,其他同事是看不到的.通常我们开发的人遇到这种情况条件反射地想到的 ...

  6. ios 检测应用程序升级问题

    app 上其实已经有自动检测我们版本的功能.  其实我也觉得对于一个程序员来说检测功能让,系统来维护更合适和合理.开发者只要告诉苹果即可. 然而今天老大非要实现自己版本更新的问题,因此也查找了相关的资 ...

  7. 毕向东day23--java基础-网络总结

    传输层:TCP/UDP   UDP例如:qq聊天,录屏软件,桌面共享     TCP建立链接:三次握手,例如,我叫你一声老王(一次),老王回答说:到.(二次),我对老王说,我知道你到了.(三次握手)! ...

  8. c#多线程(UI线程,控件显示更新) Invoke和BeginInvoke 区别

    如果只是直接使用子线程访问UI控件,直接看内容三,如果想深入了解从内容一看起. 一.Control.Invoke和BeginInvoke方法的区别 先上总结: Control.Invoke 方法 (D ...

  9. 使用Dmitry Sklyarov的方法来破解一款流行的4G调制解调器

    逆向工程师如果对设备代码和固件系统进行检测时,发现了许多经过加密处理的固件文件,该怎么办?在本文中我将通过一个真实的故事来教大家如何利用一些基础的计算机知识以及简单的逻辑来应对这一问题. 因为这篇文章 ...

  10. Manacher算法 , 实例 详解 . NYOJ 最长回文

    51 Nod http://www.51nod.com/onlineJudge/questionCode.html#!problemId=1089 Manacher 算法 定义数组 p[i]表示以i为 ...