这个设计的内容如下:
PoI技术,将表格数据解析存储到数据库
数据显示,jqGrid这些专业的图表数据显示插件可以完成,当然也可以在JSP页面用普通的<table>标签实现
Copyright © 1999-2020, CSDNNET, All Rights Reserved
打开APP
Tianya_追心
关注
jgGrid实现 左移、右移、上移、下移 转载
2018-06-21 15:52:05
1点赞
Tianya_追心
码龄10年
关注
摘要:
最近在项目需求中通过jqGrid实现表格中的数据:左移、右移、上移、下移和置顶 等 *** 作。
下面记录实现的方法。
1
2
3
下面是代码片段:
右移(其实就是向一个grid容器中插入一行数据):
//这个方法是获取ztree节点内容,插入到grid表中
function BindBtnRightMethod() {
//获取ztree对象
var zTreeObj = $fnzTreegetZTreeObj("ztreeId");
//获取光标选中的tree节点
var selectedNodes = zTreeObjgetSelectedNodes();
if (selectedNodeslength == 0) {
$modalAlert(" *** 作失败!未选中节点。");
return; } else {
//新增一行
var data = { KSID:"10", FLKSID:"101", KSMC: "消化科" };
addRowDataByGridElementId("jqGridId", data); }}
//摘要://内容:向grid表中添加一行记录
function addRowDataByGridElementId(id, data) {
//获取当前grid中的表ID集合
var jqGrid = $('#' + id); var IDs = jqGridgetDataIDs();
//定义标量,记录IDs中的rowid的最大值
var maxId = 0; if (IDslength > 0) {
for (var i = 0; i < IDslength; i++) {
var tmpId = jqGridgetInd(IDs[i]);
if (maxId < tmpId) {
maxId = tmpId;
} } }
//这里是在给新增的rowid自定义一个有序值
var rowid= maxId + 1;
//执行新增 *** 作
jqGridaddRowData(rowid, data, rowid);
}
左移(其实是从grid表中删除一行):
//摘要://内容:按钮左移
function BindBtnLeftMethod() {
//删除选中行
var rowid = $("#jqGridId")jqGrid('getGridParam', 'selrow');
if (rowid == "" || rowid == undefined || rowid == null) {
$modalAlert("移除行未选中!");
return; } else {
var flag = $("#jqGridId")jqGrid("delRowData", rowid);
if (!flag) {
$modalAlert("移除 *** 作失败!");
}
}}
上移:
//摘要:
//内容:按钮上移
function BindBtnUpMethod() {
var obj = $("#jiGouGridList");
var IDs = objgetDataIDs();
var rowid = objjqGrid('getGridParam', 'selrow');
if (rowid == "" || rowid == null || rowid == undefined) {
$modalAlert("未选中行!");
return false;
}
var rowIndex = getRowIndexByRowId(IDs, rowid);
if (rowIndex == 0) {
$modalAlert('已经置顶,不能上移!');
} else {
var srcrowid = getRowIdByRowIndex(IDs, rowIndex - 2);
var rowUpId = getRowIdByRowIndex(IDs, rowIndex - 1);
var rowData = objjqGrid('getRowData', rowid);
var rowUpData = objjqGrid('getRowData', rowUpId);
//删除当前行
objdelRowData(rowid);
objdelRowData(rowUpId);
//新插入一行
objaddRowData(rowid, rowData, "after", srcrowid);
objaddRowData(rowUpId, rowUpData, "after", rowid);
//默认再选中新增的这个行
objsetSelection(rowid);
}
}
//摘要:
//内容:根据rowid,获取索引值
function getRowIndexByRowId(Ids, id) {
var index = 0;
for (var i = 0; i < Idslength; i++) {
if (Ids[i] == id) {
index = i;
}
}
return index;
}
//摘要:
//内容:根据索引值获取rowid值
function getRowIdByRowIndex(Ids, index) {
var rowid = "";
for (var i = 0; i < Idslength; i++) {
if (i == index) {
rowid = Ids[i];
}
}
return rowid;
}
下移:
//摘要:
//内容:按钮下移
function BindBtnDownMethod() {
var obj = $("#jqGridId");
var IDs = objgetDataIDs();
var rowid = objjqGrid('getGridParam', 'selrow');
if (rowid == "" || rowid == null || rowid == undefined) {
$modalAlert("未选中行!");
return false;
}
var rowIndex = getRowIndexByRowId(IDs, rowid);
if (rowIndex == (IDslength - 1)) {
$modalAlert('已经置底,不能下移!');
} else {
var srcrowid = getRowIdByRowIndex(IDs, rowIndex - 1);
var rowDownId = getRowIdByRowIndex(IDs, rowIndex + 1);
var rowData = objjqGrid('getRowData', rowid);
var rowDownData = objjqGrid('getRowData', rowDownId);
//删除当前行
objdelRowData(rowid);
objdelRowData(rowDownId);
//新插入一行
objaddRowData(rowDownId, rowDownData, "after", srcrowid);
objaddRowData(rowid, rowData, "after", rowDownId);
//默认再选中新增的这个行
objsetSelection(rowid);
}
}
打开CSDN APP,看更多技术内容
ListBox实现上移,下移,左移,右移的简单实例
主要介绍了ListBox实现上移,下移,左移,右移的简单实例。需要的朋友可以过来参考下,希望对大家有所帮助
JS与jQuery实现ListBox上移,下移,左移,右移 *** 作功能示例
主要介绍了JS与jQuery实现ListBox上移,下移,左移,右移 *** 作功能,涉及javascript与jQuery的事件响应、页面元素动态 *** 作等相关实现技巧,需要的朋友可以参考下
易语言汇编实现左移右移模块
易语言汇编实现左移右移模块源码系统结构:asm_rol,asm_ror,asm_rcl,asm_rcr,asm_shl,asm_shr,asm_not, ======程序集1 || ||------_启动子程序 || ||------_临时子程序 || ||------asm_rol || ||------asm_ror || ||-
易语言源码易语言汇编实现左移右移模块源码rar
这里只提供实现思路:
jqgrid中的colNames,后面是一个表头列名数组,此数组可以从调用这个grid的函数参数中传进去,意味着,可以写一个数组,存一部分固定列,然后通过ajax请求去数据库中查出自定义列,放到固定列的后面。这样我们就拼装起了这个表头数组。
jqGrid中的colModel字段的长度必须和colNames一样,并且也是可变的。意味着这个也需要从参数中传过来,也需要在js中拼装这样一个对象数组。
至于自定义数据对应显示。这个在js里面的接受的属性叫jsonReader。用root来接受Action中返回的拼装Json字符串
在后台Action中,需要将固定列和对应的属性值,自定义列和对应的属性值。使用Gson,拼装成Json数据对象,然后传到前台。
以上就是关于Java中如何读取excel文件内容并且将内容以表格的形式显示在窗体里全部的内容,包括:Java中如何读取excel文件内容并且将内容以表格的形式显示在窗体里、jqgrid设置某列靠右、jqGrid中要添加自定义列,并且支持自定义数据对应显示!等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)