Jqgrid入门-Jqgrid列数据拖动(七)

上一章提到在Jqgrid中如何设置二级表头,这一章节主要探讨Jqgrid表格里面的数据如果实现拖动功能,比如你想把第一行的数据拖到当前页的最后一行,或者其他位置. Jqgrid表格插件自己没有提供这种功能的,如果要使用这个功能,还需要导入“jquery.tablednd.js”(初始化拖动插件).如: 1 <script type="text/javascript" src="<%=basePath%>main/js/jquery.tablednd.…

Jqgrid入门-Jqgrid分组的实现(八)

上一章主要说明了如果实现Jqgrid列数据拖动,这一章主要讨论在Jqgrid中如何实现分组功能. 类似于Sql语句的Group By,Jqgrid提供了属性实现数据分组,这样表现数据会显得比较直观.先上个效果图: 从图上我们可以很直观的看出,数据是根据家庭住址分的组,并且能够很直观的看出每个分组里面有多少信息量.要实现这个功能并不难 1 2 3 4 5 6 7 8 9 10 11 12 13 grouping : true,// 是否分组,默认为false g…

Jqgrid入门-Jqgrid设置二级表头(六)

上一章已经说明了Jqgrid结合Struts2+json展示数据,这一章主要探讨Jqgrid如何设置二级表头,类似这样的效果.如: 要实现这个功能,其实也不难.通过Jqgrid的setGroupHeaders方法就OK了.具体的参数我就不多说明了,详细的属性可以去官网看看.实现代码如下: 1 2 3 4 5 6 7 8 $("#gridTable").jqGrid('setGroupHeaders', { useColSpanStyle : true, // 没有表…

Jqgrid入门-Jqgrid格式化数据(九)

上一章已经说明了在Jqgrid中如何对数据分组,这一章主要探讨如何格式化Jqgrid中的数据.何谓格式化呢?举个例子,比如对时间格式化处理,去掉后面的时分秒:对数字进行处理,加上千分位分隔符,小数的保留位数,加上前缀或后缀.对超链接或邮箱等等. jqGrid中对列表cell属性格式化设置主要通过colModel中formatter.formatoptions来设置的.jqGrid中也预定义了常见的格式及其options属性. formatter formatoptions int…

Jqgrid入门-结合Struts2+json实现数据展示(五)

DEMO用的是ssh框架实现的,具体怎么搭建的就不多做说明了.分页表格的数据操作难点就是数据展现.至于增删改直接用hibernate原生的方法实现即可. 初步分析:表格要实现分页,那么一页显示多少条数(PageSize)和当前页码(CurrentPage)这两个条件必不可少.为了实现点击任何一列的表头进行排序,那么排序的列名(Sidx)和排序规则(Sort)必不可少.有了这四个参数实现基本的数据展现应该不成问题了.但是如果数据量比较多的时候,为了方便查询.还得需要一个Map参数,…

Jqgrid入门-使用模态对话框编辑表格数据(三)

Jqgrid是一个强大的表格插件,它提供了多种方式来编辑数据.这三种方式分别是: Cell Editing——只允许修改某一个单元格内容 Inline Editing——允许在jqGrid中直接修改某一行的数据 Form Editing——弹出一个新的编辑窗口进行编辑和新增在我做的DEMO中,主要运用的是第三种, 弹出一个新窗口来编辑数据.如果想用其它两种方式可以参考官网. 相比较之前的例子,这个例子最重要的变化是添加了一个id为console…

Jqgrid入门-显示基本的表格(一)

首先对Jqgrid网格插件做个简要的说明.在众多的表格插件中,Jqgrid的特点是非常鲜明的. 特点如下: 完整的表格呈现与运算功能,包含换页.栏位排序.grouping.新增.修改及删除资料等功能. 自定义的工具列. 预设的Navigator工具列,可以很容易的使用新增.删除.编辑.检视及搜寻等功能. 完整的分页功能. 按下任一栏位的标头,皆可以该栏位为排序项目.无论是升序或降序皆可. 预设的action formatter,可以快速而直觉地对每笔资料做运算. 支持多种数据格式…

Jqgrid入门-别具特色的Pager Bar (四)

Pager Bar位于表格最下边.默认情况下,分为三部分.如图: 第一部分:导航按钮栏(Navigator) 第二部分:页码栏(Pager) 第三部分:记录信息栏(Record) 要实现这个功能也不难,最基本的语法就一句. 1 $("#gridTable").jqGrid('navGrid', '#gridPager'); 但是很多时候我们需要的不仅仅是这种,还有很多属性需要了解. 1. Navigator 默认有5个预定义好的按钮: 添加新行编辑选中…

前端基于JQgrid实现自定义列头展示

先上效果图因为公司项目的需要,并且公司只有我这一个能写js的前端,这个自定义展示jqgrid列选项的需求依然是交由我写,辣么就分享一下我的工作成果. //初始化函数 multiSelectColInit(); //调用下拉多选点击事件以及对应传参 function multiSelectColInit() { multiSelect = { //ajaxmodelnames: [], //此jqgrid列头名称对应的id数组用于传给后台 contorlJqgridCol: function…

jqgrid 设置冻结列

有时,jqgrid表格的列非常多,而表格的宽度值是固定的,我们需要在表格底部出现滚动条,并且固定前面几个列作为数据参照项,如何实现? 需要用的jqgrid冻结列,步骤如下: 1)设置需要冻结的列属性,frozen: ture //ture:启用冻结 2)将设置了冻结的列放置在字段集合的前面部分(一定注意) 3)设置两个属性:autoScroll: false,shrinkToFit: false //当autoScroll和shrinkToFit均为false时,会出现行滚动条 4…

获取jqGrid中选择的行的数据以及 jqGrid获得所有行数据的方法

获取jqGrid中选择的行的数据: 获取选择一行的id,如果你选择多行,那下面的id是最后选择的行的id: 1 var id=$('#gridTable').jqGrid('getGridParam','selrow'); 如果想要获取选择多行的id,那这些id便封装成一个id数组,那可以使用以下: 1 varids=$('#gridTable').jqGrid('getGridParam','selarrrow'); 如果想获取选择的行的数据,只要传入rowId即可,如下: 1 v…

在MVC模式下通过Jqgrid表格操作MongoDB数据

看到下图,是通过Jqgrid实现表格数据的基本增删查改的操作.表格数据增删改是一般企业应用系统开发的常见功能,不过不同的是这个表格数据来源是非关系型的数据库MongoDB.nosql虽然概念新颖,但是MongoDB基本应用实现起来还是比较轻松的,甚至代码比基本的ADO.net访问关系数据源还要简洁.由于其本身的"非关系"的数据存储方式,使得对象关系映射这个环节对于MongoDB来讲显得毫无意义,因此我们也不会对MongoDB引入所谓的"ORM"框架. 下面我们将逐步…

bootstrap实现列的拖动

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title><link rel="stylesheet" type="text/css" href="css/bootstrap.css"/> <style type="te…

OCM_第十三天课程：Section6 —》数据库性能调优 _结果缓存 /多列数据信息采集统计/采集数据信息保持游标有效

注:本文为原著(其内容来自腾科教育培训课堂).阅读本文注意事项如下: 1:所有文章的转载请标注本文出处. 2:本文非本人不得用于商业用途.违者将承当相应法律责任. 3:该系列文章目录列表: 一:<OCM 基本班课程表> 二:<OCM_第一天课程:OCM课程环境搭建> 三:<OCM_第二天课程:Section1 ->配置 Oracle 网络环境 > 四:<OCM_第三天课程:Section1 ->表空间的操作和管理.服务配置 > 五:<OC…

element-ui 实现table整列的拖动

演示地址 1. 先动态渲染表头,给每一个表头添加一个class=virtual 的画虚线的类名,同时给每个表头加上鼠标点击.拖动.抬起事件:mousedown->mousemove->mouseup. 2. 点击时确定点击的哪个,拖动的时候确定拖动的方向,抬起的时候确定放在的位置. 3. 改变数据实现拖动完成效果. <html lang="en"> <head> <meta charset="UTF-8"> <m…

Python学习随笔：使用xlwings设置和操作excel多行多列数据以及设置数据字体颜色填充色对齐方式的方法

☞ ░ 前往老猿Python博文目录 ░ 在前面老猿的文章中,<Python学习随笔:使用xlwings读取和操作Excel文件>.<Python学习随笔:使用xlwings读取和操作Excel文件的数字需要注意的问题>.<第15.25节 PyQt(Python+Qt)入门学习:Model/View开发实战–使用QTableView展示Excel文件内容>.<第二十章.QTableView与QStandardItemModel开发实战:展示Excel文件内容>…

在EXCEL中，判断同列数据重复，并标识出来

推荐方法:建立辅助列,查找B列数据是否重复.=IF(COUNTIF(B:B,B1)>1,"重复","")按住公式单元格右下角实心十字,向下拖拽复制公式.=IF(COUNTIF(A:A,A1)>1,A1,"")选定C列,数据--有效性--公式,输入=COUNTIF($C$1:$C1,$C1)=1 确定=COUNTIF($A$1:$A1,$A1)=1b1 = countif(A:A,A1),选中B1,双击选择框右下角小黑点,或者按住左键…

Oracle 列数据聚合方法汇总

网上流传众多列数据聚合方法,现将各方法整理汇总,以做备忘. wm_concat 该方法来自wmsys下的wm_concat函数,属于Oracle内部函数,返回值类型varchar2,最大字符数4000.随着版本的变更返回值类型可能会有改动,项目中使用时候最好在新的用户下创建一个函数. 使用方法: select deptno,wm_concat(ename) from emp group by deptno; 排序方法(未必仅此一种写法): select * from (select wm_con…

c# 如何中List<object>中去掉object对象中的重复列数据?

//去掉重复 var title = modelList.GroupBy(m => m.Title.ToLower().Trim()).Select(m => new { ID = m.FirstOrDefault().ID }); modelList = modelList.Where(m => title.Select(mo => mo.ID).Contains(m.ID)).ToList(); foreach (var item in modelList) { Console…

视图合并、hash join连接列数据分布不均匀引发的惨案

表大小 SQL> select count(*) from agent.TB_AGENT_INFO; COUNT(*) ---------- 1751 SQL> select count(*) from TB_CHANNEL_INFO ; COUNT(*) ---------- 1807 SQL> select count(*) from TB_USER_CHANNEL; COUNT(*) ---------- 7269 SQL> select count(*) from OSS_…

pentaho cde 选择性的显示多列数据

在业务需求中,有时候会有这种需要,就是查出来可多列数据,而我只想画出来其中的一列或者说某一列,而pentaho会默认画出查出来的所有数据,而不断的更改数据源又太麻烦,这时就要用到resders方法了. 比如这里我只想显示一列数据 isMultiValued 和 dataMeasuresInColumns 设置为true 然后更改readers为你想显示那一列dimensions对应的值即可. 我这里设置的是这样就可以显示所需要的列,这里我把同一张表的两个字段分为两个表显示博客地址:http:…

无废话Android之listview入门,自定义的数据适配器、采用layoutInflater打气筒创建一个view对象、常用数据适配器ArrayAdapter、SimpleAdapter、使用ContentProvider（内容提供者）共享数据、短信的备份、插入一条记录到系统短信应用（3）

1.listview入门,自定义的数据适配器 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent&…

一个通用的DataGridView导出Excel扩展方法(支持列数据格式化)

假如数据库表中某个字段存放的值“1”和“0”分别代表“是”和“否”,要在DataGridView中显示“是”和“否”,一般用两种方法,一种是在sql中直接判断获取,另一种是在DataGridView的CellFormatting事件中设置.下面介绍的是第二种情况下的处理.举个例子,DataGridView的第4列需要在金额后面加个“元”,在第14列根据1和0显示为相应的是和否,在显示的时候可以这样设置: private void dgData_CellFormatting(object send…

EXTJS4.2 控件之Grid 根据数据源某列数据不同绑定不同的控件setEditor

Grid 根据数据源某列数据不同绑定不同的控件,例如:文本框和下拉框主要代码写在grid的 plugins: [rowEditing],下面这是定义的rowEditing对象,这里面的要定义成 Ext.grid.plugin.CellEditing而不是Ext.grid.plugin.RowEditing Ext.getCmp('pvn').setEditor(form组件);这是给grid的列绑定组件, pvn是在列中定义的id! 如下: var rowEditing = Ext.crea…

SQL列数据转换为字符串

行列转换,将列数据转换为字符串输出 ) SET @center_JZHW = ( SELECT DISTINCT STUFF( ( SELECT ',' + ce_code FROM ap_center WITH ( NOLOCK ) WHERE CE_PROVINCE = '浙江省' ORDER BY ce_code , , '') AS jzhw FROM ap_center t) SELECT @center_JZHW 运行结果如下图,列CE_CODE用分隔符','输出 Function写…

Column store index 列数据如何匹配成行数据？

SQL Server 2012引入了列存储索引,对每列的数据进行分组和存储,然后联接所有列以完成整个索引.这不同于传统索引,传统索引对每行的数据进行分组和存储,然后联接所有行以完成整个索引. 在访问基于行存储的索引时,如果要查询一个字段需要将整个Page读入内存,所以默认会读到所有行的数据: 通过上面的图片可以看出,如果一个查询只想查询字段A的值,代价是读取所有的页面,包括了不需要的字段B,C,D,E. 与行存储模式相比,使用列存储只需要读取单独的列数据,这样可以减小IO的消耗,同时提供缓存的使…