easyui datagrid 页面详细使用

//加载数据workflowName
   
onloadmyCgxList: function (id) {

if (id != null && id != ""
&& typeof (id) != "undefined")
{
            var
param = {

"ID": id
           
}

$("#myCgxList").datagrid(‘load‘,
param);
        }

},

//草稿箱
    myCgxList: function () {

var url = "";
//初始url
        //  if (id != null
&& id != "") {
        url =
"../AddWorkFlow/getCGXList";
       
//   }
        QueryParam = {};
//提交参数
       
$("#myCgxList").datagrid({
           
url: url,
           
nowrap: false, //是否换行,True
就会把数据显示在一行里
           
striped:
true,
           
pageSize:
5,
           
pageList: [5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 100, 200, 500,
1000],
           
queryParams: QueryParam,

fitcolumns:
true,
           
onDblClickRow: function (index, RowData)
{
            },
//用户单击一行时触发的事件
           
columns:
[[
           
//  { field: ‘ck‘, width: 30, checkbox: true }, 10 20 50 10
20
            // {
field: ‘ID‘, width: 30, hidden: true
},
              
{field: ‘SEQUENCE‘, title: ‘流水号‘, width: 10, align: ‘center‘, halign: ‘center‘
},
              
{ field: ‘FORMNAME‘, title: ‘对应表单‘, width: 20, align: ‘center‘, halign: ‘center‘
},
              
{ field: ‘NAME‘, title: ‘公文名称‘, width: 50, align: ‘center‘, halign: ‘center‘
},
              
{ field: ‘Number‘, title: ‘公文流水号‘, hidden: true
},
              
{ field: ‘FQREALNAME‘, title: ‘发起人‘, width: 10, align: ‘center‘, halign:
‘center‘
},
              
{ field: ‘ck‘, title: ‘相关操作‘, width: 20, align: ‘left‘, halign:
‘left‘,
                  
formatter: function (value, RowData)
{
                      
return ‘<a href="#" style="text-decoration:none"
onclick="myAddWorkFlow.GOONNewWorkClick(\‘‘ + RowData.ID + ‘\‘, \‘‘ +
RowData.FLOWNUMBER + ‘\‘, \‘‘ + RowData.Number + ‘\‘)"  >继续工作 </a>
&nbsp;&nbsp;  <a href="#" style="text-decoration:none"
onclick="myAddWorkFlow.deleteForAddFlowWorkCG(\‘‘ + RowData.ID + ‘\‘
)"   >删除</a>
‘;
                  
}
              
}
           
]]
        });
   
},

时间: 2024-08-03 19:10:54

easyui datagrid 页面详细使用的相关文章

Easyui datagrid内容自动撑开页面

在做项目时会用到Easyui datagrid插件,因为里面的数据各不相一,可能会存在内容无法撑开页面的效果,以下分享一下做得成功的一个案例,如图: 1 <div id="toolbar" style="padding: 5px;"> 2 <div> 3 <a href="#" class="easyui-linkbutton" onclick="OpenDiag();" ic

初识 easyui datagrid

首先应该下载好easyui datagrid所用的各种js 和css 这个可以到官网上去下载. 首先要引入datagrid所引入的js和css. <script src="js/jquery.min.js"></script><script src="js/jquery.easyui.min.js"></script><link rel="stylesheet" type="text

jQuery EasyUI DataGrid API 中文文档

扩展自$.fn.panel.defaults,用 $.fn.datagrid.defaults重写了 defaults . 依赖 panel resizable linkbutton pagination 用法 1.  <table id="tt"></table> 1.  $('#tt').datagrid({ 2.      url:'datagrid_data.json', 3.      columns:[[ 4.          {field:'co

谈谈easyui datagrid 的数据加载(转)

这篇文章只谈jQuery easyui datagrid 的数据加载,因为这也是大家谈论最多的内容.其实easyui datagrid加载数据只有两种方式:一种是ajax加载目标url返回的json数据:另一种是加载js对象,也就是使用loadDate方法. 这里就自己的使用经验,对两种方式做简单总结和归纳,并且对使用过程中容易产生的误区做较为详细的描述,希望能对大家有所帮助. url方式加载数据 调用方式 目前可能大多数人都是选择这种方式,因为跟流行的框架结合的也比较好,使用url的话,可以将

JQuery EasyUI 学习——Struts2与EasyUI DataGrid数据表格结合使用显示数据库数据

因为EasyUI DataGrid只要取出后台传过来的一定格式的JSON数据,就可以在前台页面数据表格中,以一定形式显示数据库中的数据.此处,我们使用Struts2框架整合DataGrid,实现数据的显示. 一.页面内容 为了在页面中显示数据库中字段内容,需要定义一个table,通过EasyUI内部设计,自动显示数据,如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF

easyui datagrid 导出excel

本片文章是介绍如何用ajax的方式将easyui中的datagrid数据导出到excel中. 声明:该代码是在参考前人的代码写出来的,并非我原创,我只是新增了些功能. 新增部分: 1. 对于列是枚举列的可以设置枚举值,导出时会自动替换列中的枚举值,详细见用例代码. 2. 新增导出时不导出首列或末列指定个数的列,详细接用例代码. 下面是插件源码: /** Jquery easyui datagrid js导出excel 修改自extgrid导出excel * allows for download

(转)easyui datagrid 部分参数说明

easyui datagrid 部分参数 数据表格属性(DataGrid Properties) 属性继承控制面板,以下是数据表格独有的属性. 名称 类型 描述 默认值 columns array 数据表格列配置对象,查看列属性以获取更多细节. undefined frozenColumns array 跟列属性一样,但是这些列固定在左边,不会滚动. undefined fitColumns boolean 设置为true将自动使列适应表格宽度以防止出现水平滚动. false autoRowHe

EasyUI datagrid自适应问题解决

在使用js 动态创建EasyUI datagrid时,如果设置fit为true,在显示的时候数据的高度为固定高度不能自适应 解决办法是把fit设为false. 但这样设置后又有个问题,如果把columns定义在js里面,及时宽度设置为百分百,单元格的宽度不能随着浏览器的大小而变化 解决办法是把columns定义在页面html上. 最后的代码如下: html代码 1 <table id="grid" title="考勤数据" style="width:

easyui Datagrid查询报错Uncaught TypeError:Cannot read property &#39;length&#39; of undefined

1.问题描述 easyui中datagrid执行loadData方法出现如下异常:Cannot read property 'length' of undefined 2.一开始怀疑是js或者页面的问题,然后从早上干到下午,网上各种方法用尽了就是不行! 最后发现规律了: 使用mybatis从数据库查询返回的List不报错,但是自己new的ArrayList总是报错! 后来发现原来mybatis返回的不是ArrayList!而是PageList! 3.解决问题 PageList中有个参数Pagin