java easyui tree例子_easyui-treegrid的案例
/**
* 初始化界面*/
vardataGrid;var rowEditor =undefined;
$(function() {
hideDialog();
dataGrid= $("#function_tb")
.treegrid(
{
url :"../service/func/all",//加载的URL
idField : "id",
method :"GET",
treeField :"funcName",
pagination :false,//显示分页
fit : true,//自动补全
fitColumns : true,
singleSelect :true,
iconCls :"icon-save",//图标
columns : [ [ //每个列具体内容
{
field :'id',
title :'编号',
align :'center',
width :100,
},
{
field :'funcName',
title :'功能名称',
align :'center',
width :100,
editor :'text'},
{
field :'url',
title :'功能路径',
align :'center',
width :100,
editor :'text'},
{
field :'createTm',
title :'创建时间',
align :'center',
width :100},
{
field :'modifiedTm',
title :'修改时间',
align :'center',
width :100},
{
field :'isDelete',
title :'是否禁用',
align :'center',
width :100,
editor : {
type :'checkbox',
options : {
on :'1',
off :'0'}
},
formatter :function(value, row, index) {if (value == '0') {return '正常';
}else{return '禁用';
}
}
} ] ],
toolbar : [//工具条
{
text :"增加",
iconCls :"icon-add",
handler :function() {//回调函数
openDialog();
}
},
{
text :"删除",
iconCls :"icon-remove",
handler :function() {var rows =dataGrid
.treegrid('getSelections');if (rows.length <= 0) {
$.messager.alert('警告', '您没有选择','error');
}else if (rows.length > 1) {
$.messager.alert('警告', '不支持批量删除','error');
}else{
$.messager
.confirm('确定','您确定要删除吗',function(t) {if(t) {
$
.ajax({
url :'../service/func/del',
method :'POST',
data : rows[0],
dataType :'json',
success :function(
r) {if (r.code == "1") {
dataGrid
.treegrid('acceptChanges');
$.messager
.show({
msg : r.msg,
title :'成功'});
editRow=undefined;
dataGrid
.treegrid('reload');
}else{
dataGrid
.treegrid('beginEdit',
editRow);
$.messager
.alert('错误',
r.msg,'error');
}
dataGrid
.treegrid('unselectAll');
}
});
}
})
}
}
},
{
text :"修改",
iconCls :"icon-edit",
handler :function() {var rows =dataGrid
.treegrid('getSelections');if (rows.length == 1) {if (rowEditor ==undefined) {//var index = dataGrid.treegrid('getRowIndex', rows[0]);
var index = rows[0].id;
rowEditor=index;
dataGrid.treegrid('unselectAll');
dataGrid.treegrid('beginEdit',
index);
}
}
}
}, {
text :"保存",
iconCls :"icon-save",
handler :function() {
dataGrid.treegrid('endEdit', rowEditor);
rowEditor=undefined;
}
}, {
text :"取消编辑",
iconCls :"icon-redo",
handler :function() {
dataGrid.treegrid('cancelEdit', rowEditor);
rowEditor=undefined;
}
} ],
onAfterEdit :function(rowIndex, rowData, changes) {var inserted = dataGrid.treegrid('getChanges','inserted');var updated = dataGrid.treegrid('getChanges','updated');if (inserted.length < 1 && updated.length < 1) {
editRow=undefined;
dataGrid.treegrid('unselectAll');return;
}var url = '';if (inserted.length > 0) {
url= '../service/func/add';
}if (updated.length > 0) {
url= '../service/func/update';
}
$.ajax({
url : url,
method :"POST",
data : rowIndex,
dataType :'json',
success :function(r) {if (r.code=="1") {
dataGrid
.treegrid('acceptChanges');
$.messager.show({
msg : r.msg,
title :'成功'});
editRow=undefined;
dataGrid.treegrid('reload');
}else{/*datagrid.treegrid('rejectChanges');*/dataGrid.treegrid('beginEdit',
editRow);
$.messager.alert('错误', r.msg,'error');
}
dataGrid.treegrid('unselectAll');
}
});
},
onDblClickCell :function(index, field, value) {if (rowEditor ==undefined) {
dataGrid.treegrid('beginEdit', field.id);
rowEditor=field.id;
}
}
});
});vareditingId;functionedit() {if (editingId !=undefined) {
dataGrid.treegrid('select', editingId);return;
}var row = dataGrid.treegrid('getSelected');if(row) {
editingId=row.id;
dataGrid.treegrid('beginEdit', editingId);
}
}functionsave() {if (editingId !=undefined) {var t = $("#function_tb");
t.treegrid('endEdit', editingId);
editingId=undefined;var persons = 0;var rows = t.treegrid('getChildren');for ( var i = 0; i < rows.length; i++) {var p =parseInt(rows[i].persons);if (!isNaN(p)) {
persons+=p;
}
}var frow = t.treegrid('getFooterRows')[0];
frow.persons=persons;
t.treegrid('reloadFooter');
}
}functioncancel() {if (editingId !=undefined) {
dataGrid.treegrid('cancelEdit', editingId);
editingId=undefined;
}
}functionhideDialog(){
$('#dlg').dialog('close');
}functionopenDialog(){//$("#add_select").attr('url','../service/func/allTree');
$('#add_select').combotree({
url :'../service/func/allTree'});
$('#dlg').dialog('open');
}functionaddFunc(){
$('#ff').form('submit',{
url:'../service/func/add',
success:function(data){var r =JSON.parse(data);if(r.code=="1"){
$.messager.show({
msg : r.msg,
title :'成功'});
hideDialog();
dataGrid
.treegrid('reload');
}else{
$.messager.alert('错误',
r.msg,'error');
hideDialog();
dataGrid
.treegrid('reload');
}
}
});
}
java easyui tree例子_easyui-treegrid的案例相关推荐
- java easyui tree例子_EasyUI Tree的简单使用
此前写过zTree插件的demo,没有记录下来,这次记录一下EasyUI的Tree. 实现效果:获取数据库表的数据,以树结构的形式展示出来. 树结构数据分为同步加载和异步加载,同步加载就是初始化加载时 ...
- 适用于zTree 、EasyUI tree、EasyUI treegrid
#region System.Text.StringBuilder b_appline = new System.Text.StringBuilder(); Syst ...
- Jquery easyui tree的使用
这个ui用的一切都是json数据.树也是如此! 后台需要返回与格式匹配的json数据才能正确加载树. 页面定义一个ui: [html] view plain copy print ? <ul ...
- 使用EasyUI Tree异步加载JSON数据 生成树
这几天因为工作需要,要做一个支持无限级的菜单. 我也是菜鸟一只,能想到的东西不多,所以用了Easy UI的tree组件. 不得不说,easyui确实很强大. 因为是无限级菜单,数据量可能有点大,所以考 ...
- 数据库树形结构,EasyUI Tree 树
通过 $.fn.tree.defaults 重写默认的 defaults. 树(tree)在网页中以树形结构显示分层数据.它向用户提供展开.折叠.拖拽.编辑和异步加载功能. 树的数据格式(Tree D ...
- easyUI tree 自定义图标
文章转载自: https://blog.csdn.net/zhlantian/article/details/52913115 近期由于项目中需要使用easyui tree树形列表,并在系统中动态配置 ...
- Java面向对象之多态(来源于身边的案例)
2019年1月3日 星期四 Java面向对象之多态(来源于身边的案例) 1. 为什么要用多态? 1.1 多态是面向对象的三大特性之一 1.2 多态是基于接口设计的模型 1.3 多态具有横向扩展特性 1 ...
- easyUI tree 异步加载数据
easyUI 的 Tree组件在大部分时候都要从数据库读取数据,本文基于Java语言来实现easyUI tree的异步加载. 先看一下实现的效果: 整个过程采用的是简单三层架构,无论采用哪种模式,只要 ...
- php easyui tree 结构,EasyUI Tree树组件无限循环的解决方法
在学习jquery easyui的tree组件的时候,在url为链接地址的时,发现如果最后一个节点的state为closed时,未节点显示为文件夹,单击会重新加载动态(Url:链接地址)形成无限循环. ...
最新文章
- oracle安装清单过不去,oracle 11g(二)安装过程
- STM32 基础系列教程 6 - PWM
- php时间序列比对,常用在线序列比对工具
- 360度全面抵御黑客攻击的新型芯片来了!
- linux 系统性能分析常用命令
- TMG 模拟公司网络架构要点
- 【.Net码农】ListT 类
- UEFI/GPT分区
- 右键单击文件、文件夹,一直转圈圈的解决办法小总结
- 让你脊背发凉的10个故事
- pyplot中文手册_matplotlib手册(1)-pyplot使用
- Unix/Linux下的Curses库开发指南——第一章 Curses库开发简介
- 把0到9的数字转换成电话按钮上的字母
- JAVA基础6.52——多态的描述(2)
- 小平方水果店怎么摆放,水果店陈列怎么比较好
- Team团队管理执行力
- MySql系列06:数据库对象
- gerber学习总结
- 【安全知识分享】PPTX|校园安全培训(26页)(附下载)
- springboot项目控制台输出自定义图案