/**

* 初始化界面*/

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的案例相关推荐

  1. java easyui tree例子_EasyUI Tree的简单使用

    此前写过zTree插件的demo,没有记录下来,这次记录一下EasyUI的Tree. 实现效果:获取数据库表的数据,以树结构的形式展示出来. 树结构数据分为同步加载和异步加载,同步加载就是初始化加载时 ...

  2. 适用于zTree 、EasyUI tree、EasyUI treegrid

    #region          System.Text.StringBuilder b_appline = new System.Text.StringBuilder();         Syst ...

  3. Jquery easyui tree的使用

    这个ui用的一切都是json数据.树也是如此! 后台需要返回与格式匹配的json数据才能正确加载树. 页面定义一个ui: [html]  view plain copy print ? <ul  ...

  4. 使用EasyUI Tree异步加载JSON数据 生成树

    这几天因为工作需要,要做一个支持无限级的菜单. 我也是菜鸟一只,能想到的东西不多,所以用了Easy UI的tree组件. 不得不说,easyui确实很强大. 因为是无限级菜单,数据量可能有点大,所以考 ...

  5. 数据库树形结构,EasyUI Tree 树

    通过 $.fn.tree.defaults 重写默认的 defaults. 树(tree)在网页中以树形结构显示分层数据.它向用户提供展开.折叠.拖拽.编辑和异步加载功能. 树的数据格式(Tree D ...

  6. easyUI tree 自定义图标

    文章转载自: https://blog.csdn.net/zhlantian/article/details/52913115 近期由于项目中需要使用easyui tree树形列表,并在系统中动态配置 ...

  7. Java面向对象之多态(来源于身边的案例)

    2019年1月3日 星期四 Java面向对象之多态(来源于身边的案例) 1. 为什么要用多态? 1.1 多态是面向对象的三大特性之一 1.2 多态是基于接口设计的模型 1.3 多态具有横向扩展特性 1 ...

  8. easyUI tree 异步加载数据

    easyUI 的 Tree组件在大部分时候都要从数据库读取数据,本文基于Java语言来实现easyUI tree的异步加载. 先看一下实现的效果: 整个过程采用的是简单三层架构,无论采用哪种模式,只要 ...

  9. php easyui tree 结构,EasyUI Tree树组件无限循环的解决方法

    在学习jquery easyui的tree组件的时候,在url为链接地址的时,发现如果最后一个节点的state为closed时,未节点显示为文件夹,单击会重新加载动态(Url:链接地址)形成无限循环. ...

最新文章

  1. oracle安装清单过不去,oracle 11g(二)安装过程
  2. STM32 基础系列教程 6 - PWM
  3. php时间序列比对,常用在线序列比对工具
  4. 360度全面抵御黑客攻击的新型芯片来了!
  5. linux 系统性能分析常用命令
  6. TMG 模拟公司网络架构要点
  7. 【.Net码农】ListT 类
  8. UEFI/GPT分区
  9. 右键单击文件、文件夹,一直转圈圈的解决办法小总结
  10. 让你脊背发凉的10个故事
  11. pyplot中文手册_matplotlib手册(1)-pyplot使用
  12. Unix/Linux下的Curses库开发指南——第一章 Curses库开发简介
  13. 把0到9的数字转换成电话按钮上的字母
  14. JAVA基础6.52——多态的描述(2)
  15. 小平方水果店怎么摆放,水果店陈列怎么比较好
  16. Team团队管理执行力
  17. MySql系列06:数据库对象
  18. gerber学习总结
  19. 【安全知识分享】PPTX|校园安全培训(26页)(附下载)
  20. springboot项目控制台输出自定义图案

热门文章

  1. 解救小哈——DFS算法举例
  2. vue集成Luckyexcel实现在线编辑Excel,可自行导入,也可从服务器端获取
  3. 10bit显示器测试软件,10bit究竟是什么?10bit显示器画质更好?
  4. C# PDF附件生成
  5. 《工程伦理与学术道德》之《导论》
  6. 蓝牙耳机按键事件linux,【记录】Android监听蓝牙耳机的按键事件
  7. 引用 和指针 ,简单, 一怔见血
  8. 如何在Java中以编程方式阅读,添加或删除PPT中的幻灯片便笺?
  9. 微信小程序之在线任务发布与接单平台(2)
  10. 准程序猿的创意(二)