java easyui 实例_easyui-datagrid个人实例

墨蓝 2022-11-02 11:54 184阅读 0赞

pageEncoding="UTF-8"%>

String path = request.getContextPath();

Insert title here

href="/easyui/themes/default/easyui.css">

href="/easyui/themes/icon.css">

$(function() \{

var flag ;//判断新增还是修改

$('\#tab').datagrid(\{

title : '用户列表',

iconCls : 'icon-edit',//图标

//width : '400px',

height : 'auto',

nowrap : false,//当true的时候，会显示在一行里

striped : true,//各行变色

border : true,

collapsible : false,//是否可折叠的

fit : true,//自动大小

url : '/egoTest/user/queryUser.do',

//sortName: 'code',

//sortOrder: 'desc',

remoteSort : false,

loadMsg:'数据正在加载，请等待......',

idField : 'id',

singleSelect : true,//是否单选

pagination : true,//分页控件

rownumbers : true,//行号

checkOnSelect : true,

selectOnCheck : true,

//remoteSort : false,

//sortName:'userName',

//sortOrder:'asc',

rowStyler:function(index,record)\{

console.info(index);

console.info(record);

/\*if(record.age > 5000)\{

return "background:red";

\}\*/

\},

frozenColumns:

\[\[

//你把 ck 换成 QID 试试

\{ field: 'QID', checkbox: true \}

\]\],

columns : \[ \[ \{

field : 'id',

title : 'id',

width : '30%'

\}, \{

field : 'userName',

title : 'userName',

width : '30%',

sortable:true

\}, \{

field : 'age',

title : 'age',

width : '30%',

align : 'right',

sortable:true

\} \] \],

toolbar : \[ \{

text : '添加',

iconCls : 'icon-add',

handler : function() \{

flag = 'add';

$("\#my\_dialog").dialog(\{

title:"新增用户"

\})

$("\#form\_user").get(0).reset();

$("\#my\_dialog").dialog('open');

\}, '-', \{

text : '修改',

iconCls : 'icon-edit',

handler : function() \{

flag = 'edit';

var arr = $("\#tab").datagrid("getSelections");

if(arr.length != 1)\{

$.messager.show(\{

title:'提示信息',

msg:'只能选择一行记录进行修改'

\});

\}else\{

$("\#my\_dialog").dialog(\{

title:"修改用户"

\})

$("\#my\_dialog").dialog('open');

$("\#form\_user").get(0).reset();

$("\#form\_user").form('load',\{

id :arr\[0\].id ,

userName : arr\[0\].userName ,

age : arr\[0\].age

\});

\}, '-', \{

text : '删除',

iconCls : 'icon-remove',

handler : function() \{

var arr = $("\#tab").datagrid("getSelections");

if(arr.length <= 0)\{

$.messager.show(\{

title:'提示信息',

msg:'只能选择一行记录进行删除!'

\});

\}else\{

$.messager.confirm("提示信息","确认删除吗",function(r)\{

if(r)\{

var ids = '';

for(var i =0;i

ids += arr\[i\].id + ",";

ids = ids.substring(0,ids.length-1);

$.post('/egoTest/user/deleteUser.do',\{ids:ids\},function(result)\{

$("\#tab").datagrid("reload");

$("\#tab").datagrid('unselectAll'); //清空idFiled

$.messager.show(\{

title:'提示信息',

msg:'操作成功!'

\});

\}else\{

return;

\})

\} , '-', \{

text : '查询',

iconCls : 'icon-search',

handler : function() \{

$("\#lay").layout('expand','north');

\}\],

\});

java easyui 实例_easyui-datagrid个人实例

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关【easyui】combobox下拉框数据筛选loadFilter实例

相关 java easyui 实例_easyui-datagrid个人实例

相关 Sencha cmd 个人操作实例

相关 easyui-table表格客户端分页实例

相关 easyui实例介绍

相关 easyui实例案例介绍

相关 easyui与ztree结合实战实例

相关 ssm与easyui整合实例二———租车系统

相关 ssm与easyui整合实例一博客

相关 Java 实例