- 浏览: 800104 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (480)
- Spring (12)
- Hibernate (8)
- Struts2 (4)
- Java 基础-JDK-类-接口-URI-专题研究 (27)
- 线程、线程池、多线程高并发高可用、Socket通信 (15)
- Oracle数据库 (20)
- 一般-前端js-html-其它 (25)
- JYSK-互联网金融、金融科技、支付、公司、新闻等等 (8)
- Ajax-jQuery开源框架 (7)
- Json-轻量级的数据交换格式 (14)
- JavaScript (15)
- Jsp、Servlet、Servlet+JSP+JavaBean开发模式(MVC) (18)
- Html-JavaScript-前端-调用接口 (12)
- Sql Server 2005 (6)
- 正则表达式 (2)
- Java tools (18)
- 加签与验签、加密与解密 (3)
- Ajax技术核心-xmlHttpRequest(简称XHR) (6)
- xml-数据交换格式 (3)
- 信息采集 (1)
- Http - Https - HttpClient - httpCore-SSL-TLS (10)
- HtmlParser (2)
- 标签库 (1)
- SMS (2)
- jxl-导入导出 (4)
- poi-导入导出 (2)
- 定时器Timer+Quartz (6)
- 工作流引擎JBPM3.2.3 (4)
- 工作流引擎JBPM4 (0)
- 数据源-JNDI (0)
- tomcat、weblogic等应用服务器 (6)
- 工作流引擎jbpm5 (1)
- 搜索引擎Lucene (1)
- ant (1)
- 大数据-HBase (2)
- bigtable (0)
- 数据库设计 (4)
- jquery tab (0)
- mybatis (5)
- jquery ui 1.10.3 (5)
- Jboss7 (1)
- 规则引擎drools (0)
- 工作流引擎Activiti5 (0)
- 数据库-用户自定义函数 (0)
- 数据库-存储过程 (2)
- 数据库-视图 (0)
- 数据库-触发器 (0)
- 数据库-sql (2)
- highcharts-图表工具 (1)
- sql server 2008 (6)
- 诗词-工作室 (2)
- 数据割接 (1)
- GIS-地理信息系统 (2)
- RS-遥感技术 (1)
- GPS-全球定位系统 (1)
- java整合flex_RIA开发 (3)
- C#编程语言 (5)
- webservice_axis2_cxf_soap_wsdl (2)
- sql语句 (3)
- Flex_WebService_GIS (25)
- PHP编程语言 (0)
- ExtJS4.2 (1)
- Spring mvc (5)
- EasyUI1.4.2 (16)
- 日期时间工具类 (4)
- 随机数 (1)
- Arcgis api for js (0)
- Mysql数据库 (9)
- 移动互联网 java html5/flash socket netty (0)
- API接口 (1)
- AndroidStudio (0)
- Git (2)
- Maven (5)
- IDEA (0)
- 大数据-Hadoop (2)
- JPA (0)
- Spring boot (4)
- JSF (0)
- nginx_lua_module_redis (2)
- Activiti (1)
- bootstrap (1)
- AngularJS (10)
- 数据库-索引 (1)
- Linux及其连接工具SSH (4)
- java日志管理 (2)
- islider滑动控件 (1)
- jquery (1)
- 异常处理Exception (1)
- 秒杀与类秒杀系统 (1)
- 连接数据库、数据库连接池 (4)
- 数据库-临时表 (1)
- 软件设计模式-单例、多例、代理、工厂、观察者 (3)
- 集合框架 (5)
- 人工智能--Artificial intelligence、神经网络算法、机器学习 (1)
- 分布式应用 (1)
- SOA服务-Dubbo框架-Thrift框架 (2)
- Zookeeper分布式服务框架 (2)
- intellij idea (1)
- python编程语言 (0)
- 消息队列_MQ (0)
- 消息队列_RabbitMQ (2)
- 消息队列_ActiveMQ (1)
- 消息队列_Kafka (2)
- 缓存_Redis (4)
- 缓存_Memcache (0)
- 缓存_Ehcache (0)
- ivy-ivyde (1)
- google-protocol buffers (1)
- 正向代理-正向代理服务器 (1)
- 反向代理-反向代理服务器 (1)
- JVM内存模型 (0)
- Thunder框架 (1)
- NIO-非阻塞式IO (0)
- 软件测试、性能测试 (1)
- 序列化、Serializable接口、Externalizable接口 (3)
- 线程池-ExecutorService-ThreadPoolExecutor (1)
- web.xml (1)
- java开发-java工具-实用工具网站 (6)
- 医疗 (1)
- Filter-过滤器 (2)
- Unicode码-双字节字符编码 (1)
- OpenResty (1)
- 计算机网络 (1)
- eclipse_myeclipse_intellij idea (3)
- Enum (1)
- 大数据--Big Data (1)
- 云计算--Cloud computing (1)
- Elastic-Job (1)
- Redis (2)
- 文件流-IO操作 (6)
- 计算机基础知识 (1)
- Hessian-二进制RPC协议 (1)
- String类 (3)
- BigDecimal类 (1)
- java重要接口 (1)
- ReactJS (1)
- 跨域问题 (0)
- Map (1)
- 注解 (1)
- ASCII码-单字节字符编码 (1)
- 微服务、微服务架构 (2)
- RPC协议、RPC服务、RPC框架 (0)
- java反射 (1)
- java项目之classpath (1)
- 经典算法-树 (1)
- listener-监听器 (1)
- Interceptor-拦截器 (1)
- pojo javabean (2)
- 计算机科学与技术-进阶 (1)
- 代码规范与文档编写 (1)
- UML-统一建模语言 (1)
- 对接微信、支付宝 (3)
- 压力测试 (1)
- 办公软件-Excel (1)
- 办公软件-PPT (0)
- UTF8、GBK编码 (1)
- 微服务架构:Spring Cloud架构-Dubbo架构 (6)
- Nginx (1)
- 点滴业务 (1)
- form表单-json数据-转换与接口调用 (1)
- Junit单元测试 (1)
- 大数据-Spark (1)
- 大数据-Storm (1)
- 数据库事务-Spring事务 (0)
- elasticsearch (1)
- windows (1)
最新评论
function doUpgradeDataQueryFun(){ var actTypeVal=$("#actType").combobox('getValue'); var actIdVal=$("#actId").combobox('getValue'); var batchNoVal=$("#batchNo").combobox('getValue'); if(typeof(actIdVal)!='undefined'&&null!=actIdVal&&""!=actIdVal){ //alert($('#mygrid').datagrid('getData')); //清空 if($('#mygrid').datagrid('getRows').length>0){ $('#mygrid').datagrid('loadData', { total: 0, rows: []}); } //加载数据 #s $.ajax({ url:'myController.do?getData&pagedByDb=0', type:'POST', dataType:'json', cache:false, data:{actType:actTypeVal,actId:actIdVal,batchNo:batchNoVal}, success:function(datas){//获取表头数据成功后,使用easyUi的datagrid去生成表格 if(null!=datas && null!=datas.total && null!=datas.rows && null!=datas.columns && null!=datas.columns[0] && datas.columns[0].length>0){ //alert('in'); var successData={ total:datas.total, rows:datas.rows }; var arrays=[]; //alert(datas.columns[0].length);//10 $(datas.columns[0]).each(function(){ arrays.push({field:'',title:'',width:'',hidden:false,checkbox:false}); }); var columnsArray=[]; columnsArray.push(arrays);//[[]]形式 $(datas.columns[0]).each(function(index,value){ //alert(typeof(value)+'=='+value['field']); //alert(columnsArray[0][index]['field']); if('id'==value['field']){ columnsArray[0][index]['field']= value['field']; columnsArray[0][index]['title']= value['title']; columnsArray[0][index]['width']= "80"; columnsArray[0][index]['hidden']=true; columnsArray[0][index]['checkbox']=false; }else if('chk'==value['field']){ columnsArray[0][index]['field']= value['field']; columnsArray[0][index]['title']= value['title']; columnsArray[0][index]['width']= "80"; columnsArray[0][index]['hidden']=false; columnsArray[0][index]['checkbox']=true; }else{ columnsArray[0][index]['field']= value['field']; columnsArray[0][index]['title']= value['title']; columnsArray[0][index]['width']= "80"; columnsArray[0][index]['hidden']=false; columnsArray[0][index]['checkbox']=false; } }); //赋值 $('#mygrid').datagrid({ columns:columnsArray, data:successData }); } } }); //加载数据 #e } }
function doFirstQueryFun(){ var actTypeVal=$("#actType").combobox('getValue'); var actIdVal=$("#actId").combobox('getValue'); var batchNoVal=$("#batchNo").combobox('getValue'); if(typeof(actIdVal)!='undefined'&&null!=actIdVal&&""!=actIdVal){ //清空 $('#mygrid').datagrid('loadData', { total: 0, rows: []}); //加载数据 $('#mygrid').datagrid({ url:'myController.do?getData&pagedByDb=0', queryParams:{ actType:actTypeVal, actId:actIdVal, batchNo:batchNoVal }, onLoadSuccess:function(datas){ var successData={ total:datas.total, rows:datas.rows }; var arrays=[]; //alert(datas.columns[0].length);//10 $(datas.columns[0]).each(function(){ arrays.push({field:'',title:'',width:'',hidden:false,checkbox:false}); }); var columnsArray=[]; columnsArray.push(arrays);//[[]]形式 $(datas.columns[0]).each(function(index,value){ //alert(typeof(value)+'=='+value['field']); //alert(columnsArray[0][index]['field']); if('id'==value['field']){ columnsArray[0][index]['field']= value['field']; columnsArray[0][index]['title']= value['title']; columnsArray[0][index]['width']= "80"; columnsArray[0][index]['hidden']=true; columnsArray[0][index]['checkbox']=false; }else if('chk'==value['field']){ columnsArray[0][index]['field']= value['field']; columnsArray[0][index]['title']= value['title']; columnsArray[0][index]['width']= "80"; columnsArray[0][index]['hidden']=false; columnsArray[0][index]['checkbox']=true; }else{ columnsArray[0][index]['field']= value['field']; columnsArray[0][index]['title']= value['title']; columnsArray[0][index]['width']= "80"; columnsArray[0][index]['hidden']=false; columnsArray[0][index]['checkbox']=false; } }); //这种赋值方法不可取,会不断循环加载数据 $('#mygrid').datagrid({ columns:columnsArray, data:successData }); } }); }else{ window.setTimeout('doFirstQueryFun()',500); } }
早期查询
$("#searchBtn").bind({ click : function(){ if($("#searchForm").form('validate')==false){ return ; } var formdata = $("#searchForm").serializeObject(); //$('#mygrid').datagrid('reload', formdata); $.ajax({ url:'myController.do?getData&pagedByDb=0', type:'POST', dataType:'json', cache:false, data:formdata, success:function(data){//获取表头数据成功后,使用easyUi的datagrid去生成表格 $('#mygrid').datagrid({ width:900, height:420, fit:false, fitColumns: true, singleSelect:true, striped:true, checkOnSelect:true, selectOnCheck:true, nowrap:false, rownumbers:true, columns:data.columns }); var successData={ total:data.total, rows:data.rows } $('#mygrid').datagrid('loadData',successData); }, error:function(xhr){ alert('error'+xhr.responseText); } }); } });
发表评论
-
Easyui tree 异步加载
2016-06-01 10:21 15201、效果图 【图1】 【图2】 2、js代码 $(f ... -
easyui datagrid数据查询
2016-05-18 13:56 921function doFirstQueryFun(){ ... -
easyui datebox formatter parser
2015-10-13 15:42 1502//年月日 function myformatter(dat ... -
amcharts与easyui datagrid实现值班数量统计
2015-09-11 15:37 1764效果: 代码: <script> var ... -
easyui datagrid rowedit点击编辑行
2015-08-27 11:14 1740onClickRow: function (index, r ... -
easyui dialog 修改title
2015-08-25 19:47 1414方式一: parent.$('#monthDutyAddDi ... -
easyui dialog关闭窗口最好使用destroy而不推荐使用close
2015-08-24 16:05 2758http://blog.csdn.net/maosijunzi ... -
easyui datagrid 数据源获取与表格渲染 demo1 demo2
2015-08-20 14:19 4631demo1:表格和数据同步 $(function() { ... -
easyui messager alert 3秒后自动关闭提示
2015-08-20 10:24 2340function isDatagridEmpty_duty( ... -
easyui datagrid 前台批量传递数据到后台_json
2015-08-19 09:28 2065前台: var rows = $('#mygrid ... -
easyui dialog 子窗口jsp(被弹出窗口)调用父jsp页面方法操作父jsp
2015-08-14 18:08 14534父jsp(monthDuty.jsp'): <scrip ... -
easyui datagrid loadFilter loadData
2015-08-05 17:10 1576不使用loadFilter(弄了半天没反应),直接使用load ... -
easyui messager show和confirm
2015-07-10 17:32 2256//show var sho ... -
jquery easui tabs注册完刷新另一个tabs
2015-07-10 16:21 881========思路:没有的话直接添加,自动刷新;有的话先关闭 ... -
easyui datagrid pagination 自定义分页
2015-07-09 10:56 8180//============================= ...
相关推荐
本文的目标是通过一个具体的案例来展示如何使用JQuery EasyUI的datagrid组件来实现多表头和根据数据库动态生成列的需求。 #### 解决方案 ##### 1. 后端逻辑准备 为了实现前端表格能够根据数据库内容动态变化,...
EasyUI 是一个基于 jQuery 的 UI 框架,它提供了丰富的组件,包括表格(DataGrid)等,使得 Web 应用程序的界面开发更加便捷。在这个"EasyUI DataGrid 过滤用法实例"中,我们将深入探讨如何利用 EasyUI 的 DataGrid ...
在jQuery EasyUI中,DataGrid是一种常用的表格展示控件,它可以与各种编辑器结合使用,如combobox(下拉框)来实现更丰富的交互功能。本文主要探讨的是如何利用jQuery EasyUI的DataGrid和combobox组件实现多级联动的...
datagrid添加tooltip及超出宽度添加省略号
标题"datagrid 4种解决table对齐"和描述"datagrid 4种解决方案 表头与列对齐"正是针对这一问题提出的不同解决策略。下面我们将详细探讨这四种方法。 1. CSS样式调整: CSS是控制网页样式的核心工具,对于`Datagrid...
通过自定义DataGridColumnHeader的样式和使用HierarchicalDataTemplate,我们可以创建出复杂的WPF DataGrid表头,以适应多层次的数据展示需求。这种自定义方法灵活性高,可以根据实际项目的需求进行扩展和调整,从而...
DataGrid 是 EasyUI 中用于展示和操作表格数据的一个非常重要的组件。它可以用来展示大量的数据,并提供排序、分页、筛选等功能。DataGrid 支持冻结列、自定义列宽等多种特性,使得数据展示更加灵活和强大。 #### ...
总之,"Jquery-easyUI动态菜单"项目是一个展示如何在Maven项目中集成EasyUI,构建动态菜单并实现分页的实例。通过理解并实践这些知识点,开发者可以更高效地开发出具有交互性和响应性的Web应用。
在datagrid的所有columns 可以通过点击列表头排序,你可以定义哪行可以排序,默认的列是不能排序的除非你设置sortable 属性为true 创建an DataGrid <table id=tt class=easyui-datagrid xss=removed datagrid8_get...
EasyUI 的表格组件提供了一种高效的数据展示方式,它能够处理大量的数据,并支持分页、排序、过滤和编辑等功能。下面将详细介绍 EasyUI 表格的关键知识点: 1. **基本使用**:创建一个 EasyUI 表格需要 HTML 结构和...
在本文中,我们将探讨如何利用EasyUI和JavaScript技术来实现在网页中导出DataGrid数据到Excel文件。EasyUI是一个基于jQuery的UI框架,它提供了一系列的组件,如DataGrid,用于展示和管理数据。而JavaScript是网页...
JQuery EasyUI 是一个强大的前端开发框架,它基于 jQuery,为开发者提供了丰富的用户界面组件,如面板、菜单、按钮等,极大地简化了网页应用的构建。在这个“easyUI笔记11”中,我们将深入探讨EasyUI的一些核心概念...
<table id="dg" class="easyui-datagrid"> $(function(){ $('#dg').datagrid({ data: data, columns: [[ {field: 'id', title: 'ID', width: 50}, {field: 'name', title: 'Name', width: 100}, {field: '...
EasyUI的网格视图允许我们灵活地定义列的显示方式,包括自定义表头和列内容。以下是一个实现自定义网格视图的方法: 首先,我们需要在前端HTML文件中引入EasyUI所需的CSS和JavaScript库。这些库包括基础的easyui....
在本章节中,我们将深入探讨EasyUI中的DataGrid组件,这是一个强大的数据展示工具,它集成了Panel、Resizable、LinkButton、Pagination等多个组件的功能。DataGrid主要用于呈现结构化的数据,并提供了丰富的样式设置...
14. **EasyUI DataGrid**:EasyUI DataGrid是基于jQuery EasyUI框架的表格组件,提供分页、排序、过滤等功能,界面简洁美观。 15. **GridStack**:虽然主要是用于布局,但GridStack也可以用于创建可拖动、可调整...
2. **实现方式**:jQuery Easy UI 的排序功能是通过其内置的`datagrid`或`treegrid`组件提供的。这些组件具有自动排序的能力,只需在初始化时设置相应的参数,或者通过调用特定方法触发排序。 二、`datagrid`组件的...
`<link>`标签引用了jQuery EasyUI的主题样式表,`<script>`标签包含了jQuery库和jQuery EasyUI库,这些库提供了用于创建DataGrid和实现分页功能的API。 2. 数据网格定义: `<table id="dg" ...>`定义了一个...
EasyUI是一个基于jQuery的前端框架,它提供了一系列组件,使得开发者能够快速地构建用户界面。在这些组件中,数据网格(Data Grid)是一个非常重要的元素,它用于展示大量结构化的数据,并支持各种操作如排序、筛选...