easyui动态生成双列头
实习时老大交给任务,让我做这样一个效果,选择日期并点击查询时,动态生成列头,下一列要求对应日期的星期.
效果图:
下面贴出查询的单击函数:
- //查询按钮
- function queryByDate(){
- var begin_Date=$('#dateid').datebox('getValue')+"-01";
- var year=begin_Date.substring(0,4);//获取年
- var month=begin_Date.substring(5,7);//获取月
- var max=new Date(year,month,0).getDate(); //选中年月的最大天数
- var columns = [];
- var col = [];
- var col2=[];
- $.ajax({
- type:"post",
- url:"/mylog/mobileManage/select.do",
- dataType:"json",
- data:{begin_Date:begin_Date},
- success:function(data){
- var json = eval("(" + data + ")");
- col.push({title:"类型",rowspan:2,width:60,field:'type'});
- col.push({title:"姓名",rowspan:2,width:60,field:'name'});
- for(var i=1;i<=max;i++){
- var field='code'+i;
- var c1 = {title:i,width:40,rowspan:1};
- var week=getDateWeek(year,month,i);
- var c2={align:'center',title:week,width:40,rowspan:1,field:field};
- col.push(c1);
- col2.push(c2);
- }
- columns[0]=col;
- columns[1]=col2;
- $('#dg').datagrid({title:"员工工作详情",columns:columns});
- $('#dg').datagrid('loadData',json);
- //$('#dg').datagrid('reload');
- }
- }) ;
- }
- function getDateWeek(year,month,day)
- {
- var dateInfo = new Date(year, month-1, day);
- var week = "";
- switch(dateInfo.getDay())
- {
- case 0:
- week="日";
- break;
- case 1:
- week="一";
- break;
- case 2:
- week="二";
- break;
- case 3:
- week="三";
- break;
- case 4:
- week="四";
- break;
- case 5:
- week="五";
- break;
- case 6:
- week="六";
- break;
- }
- return week;
- }
easyui动态生成双列头的更多相关文章
- 后台动态生成GridView列和模版
考虑到很多数据源是不确定的,所以这时无法在前台设置gridview的表头,需要在后台动态指定并绑定数据. 前台代码如下: <%@ Page Title="主页" Langua ...
- Extjs 动态修改gridPanel列头信息以及store数据的方法
1 /*******************************checkbox按钮 历史报警信息**************************************/ var check ...
- EasyUI动态生成菜单
业务需求:不同角色有不同的权限,我们根据角色加载页面时展示不同的菜单.在easyUI中,菜单一般采用手风琴accordion组件进行展示,一级菜单下可以加载二级菜单,效果如下: 普通用户看到的菜: 管 ...
- EasyUI 动态生成列加分页
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat=&qu ...
- easyui动态生成列
需求:一个id对应多个key value 将id作为标识列 key值作为表头 value作为值显示.数据表可分为两张表 param数据表: 下表一个id对应上表多个key及value 如下图 id_p ...
- 动态生成table 列
table.render({ elem: '#test-table-comelist' ,url: layui.setter.base + 'list/comelist' ,cols: [[]] ,d ...
- Jquery EasyUI动态生成Tab
function addTab(title, url) { if ($('#tt').tabs('exists', title)) { $('#tt').tabs('select', title); ...
- easyui datagrid生成序号列formatter
var opts1; $('#datagrid_1').datagrid({ columns: [ [{ field: 'myNo', title: '序号', align: 'center', wi ...
- jQuery EasyUI中DataGird动态生成列的方法
EasyUI中使用DataGird显示数据列表中,有时需要根据需要显示不同的列,例如,在权限管理中,不同的用户登录后只能查看自己权限范围内的列表字段,这就需要DataGird动态组合列,下面介绍Eas ...
随机推荐
- Activity启动过程中获取组件宽高的五种方式
第一种:(重写Activity的onWindowFocusChanged方法) /** * 重写Acitivty的onWindowFocusChanged方法 */ @Override public ...
- 高级PHP工程师所应该具备的专业素养
初次接触PHP,就为他的美所折服,于是一发不可收拾. 很多面试,很多人员能力要求都有“PHP高级工程师的字眼”,如果您真心喜欢PHP,并且您刚起步,那么我简单说说一个PHP高级工程师所应该具备的,希望 ...
- 【总结】Java面试题
部分转自 https://blog.csdn.net/junchi_/article/details/79754032 一.String特性.StringBuffer 和 StringBuilder ...
- Vmware vSphere 开启嵌套虚拟化
一.vSphere 6开启嵌套虚拟化 已通过vSphere Client创建一个名字为Centos 7的虚拟机,现在需要打开该虚拟机的嵌套虚拟化功能. 1.在Esxi 服务器上面开启ssh服务,并关闭 ...
- Leetcode_3. Find the longest substring without repeating characters
3. Find the longest substring without repeating characters Given a string, find the length of the lo ...
- Go文件右键编译
辛辛苦苦写好了.go文件 发现编译还得敲命令才行,或许配置一个好用点的IDE环境可以解决 但是有时候实在不想开IDE 于是在右键添加了一个编译功能 首先保证go相关的环境变量配置正确 Windows ...
- mkdir命令详情
基础命令学习目录首页 原文链接:https://blog.csdn.net/zwlove5280/article/details/74618041 mkdir 是创建目录的命令. 创建一级目录 mkd ...
- python如何与以太坊交互并将区块链信息写入SQLite
关于区块链介绍性的研讨会通常以易于理解的点对点网络和银行分类账这类故事开头,然后直接跳到编写智能合约,这显得非常突兀.因此,想象自己走进丛林,想象以太坊区块链是一个你即将研究的奇怪生物.今天我们将观察 ...
- ClickOnce 创建桌面快捷方式
static void Main() { bool bCreatedNew; Mutex m = new Mutex(false, "TestClickOnceClientName" ...
- java控制台编译通过,运行出现找不到或无法加载主类的情况
参考链接:http://www.knowsky.com/1046493.html 当建了一个包之后(假设建的包的名字为com),找到该java文件的com目录,发现编译能够通过,但是运行的时候出现了一 ...