EasyUI中tree,Datagrid,pagenation的使用EasyUI中Datagrid和pagenation进行关联时,再次点击pagenation时让表格数据显示的问题
// 获取选中一行的情况,下面的一个参数可以代表一个DataGrid
function getSelected(dialogEle,dataFileTextEle) {
// 获取选中一行的情况。
var datagrid = $("#fileInfoDataGrid").datagrid('getSelected');
if (datagrid == null) {
$.messager.alert('提示窗口','对不起,您还没有选择文件!','info');
} else {
if (datagrid.fileType == "文件夹") {
$.messager.alert('提示窗口','对不起,您选择的是文件夹,请您选择确切的文件!','info');
} else {
// 给这个文本域赋值
dataFileTextEle.attr("value", datagrid.filePath);
replaceExistedString(dataFileTextEle.attr("id"),dataFileTextEle.val());
dialogEle.dialog("close");
}
}
}
// 获取选中多行的情况
function getSelections() {
var ids = [];
var rows = $("#fileInfoDataGrid").datagrid('getSelections');
for (var i = 0; i < rows.length; i++) {
ids.push(rows[i].filePath);
}
}
// 选中指定行
function selectRow(rowNum) {
$("#fileInfoDataGrid").datagrid('selectRow', rowNum);
}
// 不选中指定行
function unselectRow(rowNum) {
$("#fileInfoDataGrid").datagrid('unselectRow', rowNum);
}
function clearSelections() {
$("#fileInfoDataGrid").datagrid('clearSelections');
}
//定义要填写路径的文本域
var dataFileTextEle;
$(function() {
$("#dialog-diskFileInfo").dialog({
resizable : false,
width : 1020,
modal : true,
show : "blind",
hide : "explode",
closeOnEscape : true,
autoOpen : false,
//draggable : true,
buttons : {
"确定" : function() {
getSelected($(this),dataFileTextEle);
},
"取消" : function() {
$(this).dialog("close");
}
}
});
// 带有class属性为openDiskFileInfoDialog的元素,为这个元素添加点击事件
$(".openDiskFileInfoDialog").bind("click", function() {
//dataFileTextEle = $($(this).attr("id"));
dataFileTextEle = $($(this).attr("id"));
// 加载数据
$("#diskFileStructureTree").tree({
checkbox : false,
url : basePath + "/onlinegraph/treeDataAction_treeNodes.action",
method : 'post',
animate : true,
dnd : true,
lines : true,
onClick : function(node) {
$("#fileInfoDataGrid").datagrid('load', {
page : 1,
rows : 10,
path : node.id
});
},
onBeforeExpand : function(node, param) {
$("#diskFileStructureTree").tree('options').url = basePath
+ "/onlinegraph/treeDataAction_treeNodeList.action?path="
+ node.id;
}
});
// 打开表格
$("#fileInfoDataGrid").datagrid({
// 通过这个获得参数
url : basePath
+ "/onlinegraph/fileInfoAction_folderFileInfoList.action",
// 行阴影,但目前看没有效果
striped : true,
method : 'post',
nowrap : false,
border : false,
singleSelect : true,
// 自适应窗口大小变化
fit : true,
title : '文件信息',
fitColumns : true,
rownumbers : true,
idField : 'filePath',
collapsible : true,
sortName : 'fileName',
// 排序规则
sortOrder : 'desc',
// 本地排序,不是在服务器端排
remoteSort : false,
frozenColumns : [[{
field : 'checkbox',
checkbox : true
}]],
columns : [[{
field : 'fileName',
title : '名称',
sortable : true,
width : 50
}, {
field : 'filePath',
title : '文件路径',
sortable : true,
width : 160
}, {
field : 'lastModified',
title : '修改日期',
sortable : true,
width : 100
}, {
field : 'fileType',
title : '类型',
sortable : true,
width : 50,
align : 'left'
}, {
field : 'fileSize',
title : '大小',
sortable : true,
width : 50,
align : 'left'
}]],
// 事件调用的方式
onLoadSuccess : function() {
},
onDblClickRow : function(index, row) {
if (row.fileType == "文件夹") {
$.messager.alert('提示窗口','对不起,您选择的是文件夹,请您选择确切的文件!','info');
} else {
// 给这个文本域赋值
dataFileTextEle.attr("value", row.filePath);
replaceExistedString(dataFileTextEle.attr("id"),dataFileTextEle.val());
$("#dialog-diskFileInfo").dialog("close");
console.info(params);
}
},
pagination : true
});
var p = $("#fileInfoDataGrid").datagrid('getPager');
$(p).pagination({
pageSize : 10,
pageList : [10, 20, 30, 40, 50, 100],
layout:['list','sep','first','prev','links','next','last','sep','refresh'],
beforePageText : '第',
afterPageText : '页 共{pages}页',
displayMsg : '当前显示 {from} - {to} 条记录 共 {total} 条记录',
showPageList : true,
showRefresh : true
});
$("#dialog-diskFileInfo").show().dialog("open");
});
// 插件的第一个参数表示的是弹出的dialog元素
// $.fn.diskFileDialogEleBtnCheckOk = function(dialogEle,
// diskFileStructureTree, fileInfoDataGrid) {
//
// // 获得选中列
// getSelected(dialogEle);
//
// // 获取选中多行的信息
// // getSelections();
//
// // 选中第二行
// // selectRow(2);
//
// // 不选中第三行
// // unselectRow(2);
//
// // 清除所有的选中行
// // clearSelections();
// }
});
EasyUI中tree,Datagrid,pagenation的使用EasyUI中Datagrid和pagenation进行关联时,再次点击pagenation时让表格数据显示的问题相关推荐
- SUI Moblie 中出现$.init() 或$.alert()not a function和自定义Moble中的嵌套标签页时,点击tab2时一直出现tab1的内容
1.$.init() not a function. sum插件与jQuery库出现冲突,sm.js 的引用顺序导致$.alert()无效,不要放在de ><head>de>中 ...
- 安卓开发中,release安装包安装后,打开app后再按home键,再次点击程序图标app再次重新启动的解决办法
安卓开发中,release安装包安装后,打开app后再按home键,再次点击程序图标app再次重新启动的解决办法 在开发中我们一般都是直接AS上的安装(Run)按钮,直接安装到真机或模拟器上进行测试, ...
- html中treegrid不显示根节点,easyUI TreeGrid的加载问题
工作的原因,以后主要做一些JavaWeb的开发工作,开辟这个文章集主要用来记录学习的过程和分享遇到的问题,方便日后回顾或许还能帮助网友解决相同的问题. easyUi的TreeGrid的问题 easyu ...
- EasyUI学习笔记6:MIS开发利器_ datagrid插件(上)
为什么80%的码农都做不了架构师?>>> 一.引言 终于来到easyui系列笔记的重点部分--数据网格datagrid插件.在MIS开发中,需要展示数据大量数据并且频繁地进行C ...
- 增删查改html模板,dataGrid增删改查(EasyUI)示例源码
源码示例前台套用easyui,利用ajax调用sql数据库对学生信息表进行增删改查 资源下载此资源下载价格为2D币,请先登录 资源文件列表 GridDemos.sln , 907 JSonHelper ...
- (转)基于MVC4+EasyUI的Web开发框架经验总结(13)--DataGrid控件实现自动适应宽带高度...
http://www.cnblogs.com/wuhuacong/p/4085725.html 在默认情况下,EasyUI的DataGrid好像都没有具备自动宽度的适应功能,一般是指定像素宽度的,但是 ...
- Easyui入门视频教程 第01集---认识Easyui
认识EasyUI 目录 ----------------------- Easyui入门视频教程 第09集---登录完善 图标自定义 Easyui入门视频教程 第08集---登录实现 ajax b ...
- DataGrid/DataList在ASP.NET中应用
DataGrid/DataList在ASP.NET中的重要性,想必就不用我再强调了,凡显示Table类型的数据,大多会使用这两个控件(当然,如果谁还像ASP那样写ASP.NET,那我也没有办法),所以 ...
- webpack构建中tree shaking、scope Hoisting(面试题)
一.tree shaking (摇树优化) tree shaking概念: 1个模块可能有多个方法,只要其中某个方法使用了,整个文件会被打到bundle中 tree shaking 只将用到的方法打到 ...
最新文章
- Devexpress的Datalayout控件
- 云炬Android开发笔记 5-8文件下载功能设计与实现
- uvalive5992(搜索)
- 最长回文子串—leetcode5
- python调用c的配置文件_python调用c
- webpack v3 结合 react-router v4 做 dynamic import — 按需加载(懒加载)
- 工程实践:基于规则句法的事件关系与主谓宾三元组抽取项目实现
- 了解spring-boot-starter
- 高性能编程之IO复用之epoll
- Senparc.Weixin.MP SDK 微信公众平台开发教程(二):成为开发者
- c语言 结构体数组嵌套另一个结构体数组怎么初始化?,如何初始化结构体数组(内嵌结构体)...
- Vue基础语法之计算属性
- Linux鼠标断断续续,鼠标断断续续失灵该怎么办
- 用python计算化学题_(完整版)化学计算题解题方法(含答案)
- Spring涉及到的9种设计模式
- 数据结构---基础知识必备
- SFFAI分享 | 张杰:针对图像处理网络的模型水印【附PPT与视频资料】
- 基于51单片机TLC2543芯片实现AD转换
- EasyAPI基于电子发票API接口二维码小票对接方案
- 使用rust的image库进行图片压缩
热门文章
- 给书配代码-电力经济调度(2):计及动态约束及节能环保要求的经济调度
- JavaScript实现knuth-morris-pratt(KMP)算法(附完整源码)
- OpenCASCADE:Modeling Data之3D几何
- boost::owner_less相关的测试程序
- boost::process::ipstream相关的测试程序
- boost::gregorian模块实现日期序列化的测试程序
- boost::core::has_single_bit的测试
- Boost:基于不同容器的有界缓冲区比较
- VTK:可视化之DepthSortPolyData
- VTK:PolyData之PointNormals