目前用到最全的datagrid(easyui)
包含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)的更多相关文章
- EasyUI datagrid easyui datagrid +dialog 加载 可直接运行 七
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta ht ...
- Js全反选DataGrid
// **************************************************************** // // function Trim(value) // -- ...
- 大前端-全栈-node+easyui+express+vue+es6+webpack+react
作者声明:本博客中所写的文章,都是博主自学过程的笔记,参考了很多的学习资料,学习资料和笔记会注明出处,所有的内容都以交流学习为主.有不正确的地方,欢迎批评指正 视频来源:https://www.bil ...
- 基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用
在前面介绍了两篇关于我的基于MVC4+EasyUI技术的Web开发框架的随笔,本篇继续介绍其中界面部分的一些使用知识,包括控件的赋值.取值.清空,以及相关的使用. 我们知道,一般Web界面包括的界面控 ...
- 转--基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用
原文 http://www.cnblogs.com/wuhuacong/p/3317223.html 基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用 在前面介绍了两篇关于我的基 ...
- 毕业设计 ASP.Net+EasyUI开发 X X露天矿调度管理信息系统(一)
开篇介绍关于EasyUI技术,界面部分的一些使用知识,包括控件的赋值.取值.清空,以及相关的使用. 我们知道,一般Web界面包括的界面控件有:单行文本框.多行文本框.密码文本框.下拉列表Combobo ...
- (转)基于MVC4+EasyUI的Web开发框架形成之旅--界面控件的使用
原文地址:http://www.cnblogs.com/wuhuacong/p/3317223.html 在前面介绍了两篇关于我的基于MVC4+EasyUI技术的Web开发框架的随笔,本篇继续介绍其中 ...
- UI、JS框架----Bootstrap、Metro
Bootstrap Datagrid EasyUI Metro bootstrap Datepicker Editable for Bootstrap:bootstrap-editable.js X- ...
- ylz简单增删改查实现
首先用generator实现三个文档 分别是实体类(domain文件夹下) xml配置和dao层文件. resource文件夹下 注意位置事先写死了,要根据要求文档来定义位置. package com ...
随机推荐
- Struts2 和 spring mvc的 迭代标签常用属性对比
<s:iterator value="#users" var="u" status="st"> <c:forEach i ...
- 提交自己的插件包(package)
安装 把下列命令粘贴到终端上: mkdir -p ~/Library/Application\ Support/Developer/Shared/Xcode/Plug-ins; curl -L htt ...
- MySQL表的增删改查和列的修改(二)
一.使用Like模糊查找搜索前缀为以“exam_”开头的表名 show tables like 'exam_%' ; 语句结束符号是:也是用\G来表示 二.MySQL表的CRUD 2.1 创建表: C ...
- String的两个API,判断指定字符串是否包含另一字符串,在字符串中删除指定字符串。
// 在字符串中删除指定字符串. String phoneNum="1795112345"; phoneNum = phoneNum.replace("17951&quo ...
- 高效的iOS宏定义
iOS开发过程中使用一些常用的宏可以提高开发效率,提高代码的重用性:将这些宏放到一个头文件里然后再放到工程中的-Prefix.pch文件中(或者直接放到-Prefix.pch中)直接可以使用,灰常方便 ...
- oracle删除数据库中的所有数据的拼接语句
create or replace function count_rows/**查询各表实际记录数*/(table_name in varchar2,owner in varchar2 default ...
- (转)mysql各个主要版本之间的差异
原文:http://blog.csdn.net/z1988316/article/details/8095407 一.各版本的常用命令差异 show innodb status\G mysql-5 ...
- iOS 实现简单的Http 服务
http 是计算机之间通讯协议的比较简单的一种.在iPhone上,由于没有同步数据和文件共享,所以实现PC与设备之间的数据传输的最佳方式就是在程序中嵌套一个http 服务器.在这篇帖子中,我将简单的演 ...
- 【Tsinghua OJ】范围查询(Range)问题
[问题描述]数轴上有n个点,对于任一闭区间 [a, b],试计算落在其内的点数. [输入]第一行包括两个整数:点的总数n,查询的次数m.第二行包含n个数,为各个点的坐标.以下m行,各包含两个整数:查询 ...
- Cocos2d-x 2.x项目创建
cocos2d-x下载地址:http://www.cocos2d-x.org/download 2.0之后的创建项目 1. cd cocos2d-x-2.2.1/tools/project-creat ...