carKind1TreeList.js 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <script>
  3. $(document).ready(function() {
  4. var to = false;
  5. $('#search_q').keyup(function () {
  6. if(to) { clearTimeout(to); }
  7. to = setTimeout(function () {
  8. var v = $('#search_q').val();
  9. $('#carKind1jsTree').jstree(true).search(v);
  10. }, 250);
  11. });
  12. $('#carKind1jsTree').jstree({
  13. 'core' : {
  14. "multiple" : false,
  15. "animation" : 0,
  16. "themes" : { "variant" : "large", "icons":true , "stripes":true},
  17. 'data' : {
  18. "url" : "${ctx}/test/treetable/dialog/carKind1/treeData",
  19. "dataType" : "json"
  20. }
  21. },
  22. "conditionalselect" : function (node, event) {
  23. return false;
  24. },
  25. 'plugins': ["contextmenu", 'types', 'wholerow', "search"],
  26. "contextmenu": {
  27. "items": function (node) {
  28. var tmp = $.jstree.defaults.contextmenu.items();
  29. delete tmp.create.action;
  30. delete tmp.rename.action;
  31. tmp.rename = null;
  32. tmp.create = {
  33. "label": "添加下级车系",
  34. "action": function (data) {
  35. var inst = jQuery.jstree.reference(data.reference),
  36. obj = inst.get_node(data.reference);
  37. jp.openSaveDialog('添加下级车系', '${ctx}/test/treetable/dialog/carKind1/form?parent.id=' + obj.id + "&parent.name=" + obj.text, '800px', '500px');
  38. }
  39. };
  40. tmp.remove = {
  41. "label": "删除车系",
  42. "action": function (data) {
  43. var inst = jQuery.jstree.reference(data.reference),
  44. obj = inst.get_node(data.reference);
  45. jp.confirm('确认要删除车系吗?', function(){
  46. jp.loading();
  47. $.get("${ctx}/test/treetable/dialog/carKind1/delete?id="+obj.id, function(data){
  48. if(data.success){
  49. $('#carKind1jsTree').jstree("refresh");
  50. jp.success(data.msg);
  51. }else{
  52. jp.error(data.msg);
  53. }
  54. })
  55. });
  56. }
  57. }
  58. tmp.ccp = {
  59. "label": "编辑车系",
  60. "action": function (data) {
  61. var inst = jQuery.jstree.reference(data.reference),
  62. obj = inst.get_node(data.reference);
  63. var parentId = inst.get_parent(data.reference);
  64. var parent = inst.get_node(parentId);
  65. jp.openSaveDialog('编辑车系', '${ctx}/test/treetable/dialog/carKind1/form?id=' + obj.id, '800px', '500px');
  66. }
  67. }
  68. return tmp;
  69. }
  70. },
  71. "types":{
  72. 'default' : { 'icon' : 'fa fa-folder' },
  73. '1' : {'icon' : 'fa fa-home'},
  74. '2' : {'icon' : 'fa fa-umbrella' },
  75. '3' : { 'icon' : 'fa fa-group'},
  76. '4' : { 'icon' : 'fa fa-file-text-o' }
  77. }
  78. }).bind("activate_node.jstree", function (obj, e) {
  79. var node = $('#carKind1jsTree').jstree(true).get_selected(true)[0];
  80. var opt = {
  81. silent: true,
  82. query:{
  83. 'kind.id':node.id
  84. }
  85. };
  86. $("#kindId").val(node.id);
  87. $("#kindName").val(node.text);
  88. $('#car1Table').bootstrapTable('refresh',opt);
  89. }).on('loaded.jstree', function() {
  90. $("#carKind1jsTree").jstree('open_all');
  91. });
  92. });
  93. function refreshTree() {
  94. $('#carKind1jsTree').jstree("refresh");
  95. }
  96. </script>