天天看点

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');

// 给这个文本域赋值

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,

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 : '文件路径',

width : 160

field : 'lastmodified',

title : '修改日期',

width : 100

field : 'filetype',

title : '类型',

width : 50,

align : 'left'

field : 'filesize',

title : '大小',

// 事件调用的方式

onloadsuccess : function() {

ondblclickrow : function(index, row) {

if (row.filetype == "文件夹") {

datafiletextele.attr("value", row.filepath);

$("#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时让表格数据显示的问题