mirror of
https://gitee.com/coder-xiaomo/flashsale
synced 2025-09-13 23:41:39 +08:00
添加Metronic(作为LFS)
This commit is contained in:
196
frontend/static/assets/admin/pages/scripts/ui-tree.js
Normal file
196
frontend/static/assets/admin/pages/scripts/ui-tree.js
Normal file
@@ -0,0 +1,196 @@
|
||||
var UITree = function () {
|
||||
|
||||
var handleSample1 = function () {
|
||||
|
||||
$('#tree_1').jstree({
|
||||
"core" : {
|
||||
"themes" : {
|
||||
"responsive": false
|
||||
}
|
||||
},
|
||||
"types" : {
|
||||
"default" : {
|
||||
"icon" : "fa fa-folder icon-warning icon-lg"
|
||||
},
|
||||
"file" : {
|
||||
"icon" : "fa fa-file icon-warning icon-lg"
|
||||
}
|
||||
},
|
||||
"plugins": ["types"]
|
||||
});
|
||||
|
||||
// handle link clicks in tree nodes(support target="_blank" as well)
|
||||
$('#tree_1').on('select_node.jstree', function(e,data) {
|
||||
var link = $('#' + data.selected).find('a');
|
||||
if (link.attr("href") != "#" && link.attr("href") != "javascript:;" && link.attr("href") != "") {
|
||||
if (link.attr("target") == "_blank") {
|
||||
link.attr("href").target = "_blank";
|
||||
}
|
||||
document.location.href = link.attr("href");
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var handleSample2 = function () {
|
||||
$('#tree_2').jstree({
|
||||
'plugins': ["wholerow", "checkbox", "types"],
|
||||
'core': {
|
||||
"themes" : {
|
||||
"responsive": false
|
||||
},
|
||||
'data': [{
|
||||
"text": "Same but with checkboxes",
|
||||
"children": [{
|
||||
"text": "initially selected",
|
||||
"state": {
|
||||
"selected": true
|
||||
}
|
||||
}, {
|
||||
"text": "custom icon",
|
||||
"icon": "fa fa-warning icon-danger"
|
||||
}, {
|
||||
"text": "initially open",
|
||||
"icon" : "fa fa-folder icon-default",
|
||||
"state": {
|
||||
"opened": true
|
||||
},
|
||||
"children": ["Another node"]
|
||||
}, {
|
||||
"text": "custom icon",
|
||||
"icon": "fa fa-warning icon-warning"
|
||||
}, {
|
||||
"text": "disabled node",
|
||||
"icon": "fa fa-check icon-success",
|
||||
"state": {
|
||||
"disabled": true
|
||||
}
|
||||
}]
|
||||
},
|
||||
"And wholerow selection"
|
||||
]
|
||||
},
|
||||
"types" : {
|
||||
"default" : {
|
||||
"icon" : "fa fa-folder icon-warning icon-lg"
|
||||
},
|
||||
"file" : {
|
||||
"icon" : "fa fa-file icon-warning icon-lg"
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var contextualMenuSample = function() {
|
||||
|
||||
$("#tree_3").jstree({
|
||||
"core" : {
|
||||
"themes" : {
|
||||
"responsive": false
|
||||
},
|
||||
// so that create works
|
||||
"check_callback" : true,
|
||||
'data': [{
|
||||
"text": "Parent Node",
|
||||
"children": [{
|
||||
"text": "Initially selected",
|
||||
"state": {
|
||||
"selected": true
|
||||
}
|
||||
}, {
|
||||
"text": "Custom Icon",
|
||||
"icon": "fa fa-warning icon-danger"
|
||||
}, {
|
||||
"text": "Initially open",
|
||||
"icon" : "fa fa-folder icon-success",
|
||||
"state": {
|
||||
"opened": true
|
||||
},
|
||||
"children": [
|
||||
{"text": "Another node", "icon" : "fa fa-file icon-warning"}
|
||||
]
|
||||
}, {
|
||||
"text": "Another Custom Icon",
|
||||
"icon": "fa fa-warning icon-warning"
|
||||
}, {
|
||||
"text": "Disabled Node",
|
||||
"icon": "fa fa-check icon-success",
|
||||
"state": {
|
||||
"disabled": true
|
||||
}
|
||||
}, {
|
||||
"text": "Sub Nodes",
|
||||
"icon": "fa fa-folder icon-danger",
|
||||
"children": [
|
||||
{"text": "Item 1", "icon" : "fa fa-file icon-warning"},
|
||||
{"text": "Item 2", "icon" : "fa fa-file icon-success"},
|
||||
{"text": "Item 3", "icon" : "fa fa-file icon-default"},
|
||||
{"text": "Item 4", "icon" : "fa fa-file icon-danger"},
|
||||
{"text": "Item 5", "icon" : "fa fa-file icon-info"}
|
||||
]
|
||||
}]
|
||||
},
|
||||
"Another Node"
|
||||
]
|
||||
},
|
||||
"types" : {
|
||||
"default" : {
|
||||
"icon" : "fa fa-folder icon-warning icon-lg"
|
||||
},
|
||||
"file" : {
|
||||
"icon" : "fa fa-file icon-warning icon-lg"
|
||||
}
|
||||
},
|
||||
"state" : { "key" : "demo2" },
|
||||
"plugins" : [ "contextmenu", "dnd", "state", "types" ]
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
var ajaxTreeSample = function() {
|
||||
|
||||
$("#tree_4").jstree({
|
||||
"core" : {
|
||||
"themes" : {
|
||||
"responsive": false
|
||||
},
|
||||
// so that create works
|
||||
"check_callback" : true,
|
||||
'data' : {
|
||||
'url' : function (node) {
|
||||
return 'demo/jstree_ajax_data.php';
|
||||
},
|
||||
'data' : function (node) {
|
||||
return { 'parent' : node.id };
|
||||
}
|
||||
}
|
||||
},
|
||||
"types" : {
|
||||
"default" : {
|
||||
"icon" : "fa fa-folder icon-warning icon-lg"
|
||||
},
|
||||
"file" : {
|
||||
"icon" : "fa fa-file icon-warning icon-lg"
|
||||
}
|
||||
},
|
||||
"state" : { "key" : "demo3" },
|
||||
"plugins" : [ "dnd", "state", "types" ]
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
return {
|
||||
//main function to initiate the module
|
||||
init: function () {
|
||||
|
||||
handleSample1();
|
||||
handleSample2();
|
||||
contextualMenuSample();
|
||||
ajaxTreeSample();
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
}();
|
Reference in New Issue
Block a user