// 获取选中一行的情况,下面的一个参数可以代表一个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时让表格数据显示的问题的更多相关文章

  1. 数据网格和树-EasyUI Datagrid 数据网格、EasyUI Propertygrid 属性网格、EasyUI Tree 树、EasyUI Treegrid 树形网格

    EasyUI Datagrid 数据网格 扩展自 $.fn.panel.defaults.通过 $.fn.datagrid.defaults 重写默认的 defaults. 数据网格(datagrid ...

  2. easyui中tree控件添加自定义图标icon

    来源于:http://blog.163.com/lintianhuanhai@126/blog/static/165587366201421704420256/ <!DOCTYPE html&g ...

  3. 做权限树时 使用EasyUI中Tree

    符合EasyUI中Tree的Json格式,我们先看一下,格式是如何的 [{ "id":1, "text":"My Documents", & ...

  4. easyui中tree型控件不正常显示的处理方法

    我在使用easyui中的tree控件时,出现不正常显示的现象,比如li中不能使用自定义的图标.父级展开或关闭时,其子级仍然显现并出现重叠等.找了很多资料,都没解决这个问题,后来逐个对照官方的源码,才找 ...

  5. 使用EasyUI中Tree

    easyui里面的加载tree的两种方式 第一种: 使用EasyUI中Tree 符合EasyUI中Tree的Json格式,我们先看一下,格式是如何的 [{ , "text":&qu ...

  6. easyUI 的tree 修改节点,sql递归查询

    1.easyUI 的tree 修改节点: 我需要:切换语言状态,英文下, 修改根节点文本,显示英文. 操作位置:在tree的显示 $('#tree').tree(),onLoadSuccess事件方法 ...

  7. 基于MVC4+EasyUI的Web开发框架经验总结(13)--DataGrid控件实现自动适应宽带高度

    在默认情况下,EasyUI的DataGrid好像都没有具备自动宽度的适应功能,一般是指定像素宽度的,但是使用的人员计算机的屏幕分辨率可能不一样,因此导致有些地方显示太大或者太小,总是不能达到好的预期效 ...

  8. 第二百二十六节,jQuery EasyUI,Tree(树)组件

    jQuery EasyUI,Tree(树)组件 本节课重点了解 EasyUI 中 Tree(树)组件的使用方法,这个组件依赖于 Draggable(拖 动)和 Droppable(放置)组件. 一.加 ...

  9. easyUI的tree

    前端使用easyUI,放了一个tree,搞死了. easyUI的tree,后端传过来的数据,是json格式:然后easyUI向后端提交.请求时,会自动将节点的id附在url后面. 主要有两个注意的地方 ...

随机推荐

  1. 最大熵模型The Maximum Entropy

    http://blog.csdn.net/pipisorry/article/details/52789149 最大熵模型相关的基础知识 [概率论:基本概念CDF.PDF] [信息论:熵与互信息] [ ...

  2. 关于JQuery中的ajax请求或者post请求的回调方法中的操作执行或者变量修改没反映的问题

    前段时间做一个项目,而项目中所有的请求都要用jquery 中的ajax请求或者post请求,但是开始处理一些简单操作还好,但是自己写了一些验证就出现问题了,比如表单提交的时候,要验证帐号的唯一性,所以 ...

  3. activiti节点跳转

    分享牛原创(尊重原创 转载对的时候第一行请注明,转载出处来自分享牛http://blog.csdn.net/qq_30739519) activiti使用的时候,通常需要跟业务紧密的结合在一起,有些业 ...

  4. CoreAnimation中layer动画闪烁的原因及解决

    大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请多提意见,如果觉得不错请多多支持点赞.谢谢! hopy ;) 网上有一段Core Animation层动画的例子,是将vie ...

  5. Unity3D核心技术详解

    在这里将多年游戏研发经验的积累写成一本书奉献给读者,目前已经开始预售,网址: http://www.broadview.com.cn/article/70 该书主要是将游戏中经常使用的技术给大家做了一 ...

  6. Java基本语法-----java数组(一维数组二维数组)

    嘿嘿!你们懂的,又是图片,委屈大家了. java数组(一维数组二维数组) [正在看本人博客的这位童鞋,我看你气度不凡,谈吐间隐隐有王者之气,日后必有一番作为!下面有个"顶"字,你就 ...

  7. Spring之Core模块

    Core模块主要的功能是实现了控制反转与依赖注入.Bean配置以及加载.Core模块中有Beans.BeanFactory.BeanDefinitions.ApplicationContext等概念 ...

  8. ORACLE数据库学习之数据库的优化

     数据库的优化 概述 影响数据库性能的因素包括:系统.数据库.网络. 数据库的优化包括:优化数据库磁盘I/O.优化回滚段.优化Rrdo日志.优化系统全局区.优化数据库对象. 监控数据库的性能: 在 ...

  9. (Android自定义View)来来来,一起再撸一个Material风格loadingView。

    本文同步自博主的个人博客wing的地方酒馆 很久很久以前,撸了一款loadingview(点击这里回顾),当时觉得还不错,现在看看觉得好丑啊!!! 于是想再撸一个,无意间在这里看到一个很不错的效果,于 ...

  10. javascript之DOM对象

    document方法 document.createElement(Tag) :创建一个html标签对象 document.getElementById(ID) :获得指定ID值的对象 documen ...