?? tree.jsp
字號:
<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="basePath"
value="http://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/" />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="${basePath }">
<title>產品分類管理</title>
<link rel="stylesheet" type="text/css" href="${basePath}system_admin/ext/resources/css/ext-all.css" />
<script type="text/javascript" src="${basePath}system_admin/ext/ext-base.js"></script>
<script type="text/javascript" src="${basePath}system_admin/ext/ext-all.js"></script>
<script type="text/javascript" src="${basePath}system_admin/ext/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="${basePath}system_admin/product_ext/loadTree.js"></script>
<script type="text/javascript">
var basePath ='${basePath}';
Ext.onReady(function(){
Ext.QuickTips.init();
var beforeEditName="";
var viewPort = new Ext.Viewport({
title:'產品屬性和分類',
layout:'border',
items:[
{
title:'產品分類',
html:'<div id="productCategoryTree" style="height:750px; width:200px;"></div>',
region:'west',
width:300,
ayoutConfig:{
animate:true
}
},
{
title:'管理操作',
html:'<div id="ctrlPanel" style="height:100%; width:100%;"></div>',
region:'center'
}
]
});
var tabPanel = new Ext.TabPanel({
id:'parentTab',
renderTo:"ctrlPanel",
height:1000,
width:window.document.width,
activeTab :0,
animScroll:true,
enableTabScroll:true
});
var root = new Ext.tree.TreeNode({
text:"產品分類",
id:"root",
draggable : false
});
<c:forEach items="${productCategoryList}" var="productCategory" varStatus="loop">
var node1 = new Ext.tree.AsyncTreeNode(
{
text:'${productCategory.name}',
id:'${productCategory.categoryId}',
level:'${productCategory.level}',
isTip:'${productCategory.isTip}',
isNew:'0',
isCommend:'${productCategory.isCommend}',
draggable : true
}
);
root.appendChild(node1);
</c:forEach>
var tree = new Ext.tree.TreePanel({
id:"productCategoryTree",
/// el:"productCategoryTree",
root:root,
renderTo:'productCategoryTree',
autoScroll:true,
enableDD:true,
rootVisible:true,
border:false,
height:665,
width:300,
loader: new Ext.tree.TreeLoader
(
{
dataUrl: '${basePath}product/loadTree.html'
}
)
});
// tree.setRootNode(root);
// tree.render();
root.expand();
var treeEditor = new Ext.tree.TreeEditor(tree,{
id:'tree-Manage',
allowBlank : false
});
tree.on('click', function(node) {
if (node.id != 'root') {
beforeEditName = node.text;
var itemsLength = tabPanel.items.length;
for(var i=0;i<itemsLength;i++)
{
tabPanel.remove(tabPanel.items.get(0));
}
var src_brand = basePath+"product/loadbindforcategory.html?categoryId="+node.id+"+&chotp=brand";
var src_cat = basePath+"product/throughToBindCat.html?categoryId="+node.id;
var tabPage = tabPanel.add({
id:node.id+'_cat',
html:'<div id="cat_div"><iframe style="width:1078px;height:738px" id=cat_iframe src='+src_cat+'></iframe><div>',
title:node.text+'--綁定屬性'
//closable:true
});
tabPanel.setActiveTab(tabPage);
var tabPage1 = tabPanel.add({
id:node.id+'_brand',
html:'<div id="brand_div"><iframe style="width:1078px;height:738px;" id=brand_iframe src='+src_brand+'></iframe><div>',
title:node.text+'--綁定品牌'
//closable:true
});
}
});
var rightClick = new Ext.menu.Menu({
id : 'rightClickCont',
items : [{
id : 'addNode',
text : '添加',
menu : [{
id : 'insertNode',
text : '添加同級節點',
handler : function(tree) {
insertNode();
}
}, {
id : 'appendNode',
text : '添加子節點',
handler : function(tree) {
appendNodeAction();
}
}]
}, '-', {
id : 'delNode',
text : '刪除',
handler : function(tree) {
delNodeAction();
}
}, {
id : 'modifNode',
text : '修改',
handler : function() {
modifNodeAction()
}
}
]
});
function chooseIsCommend()
{
var isCommend_ck = Ext.getCmp('isCommend_ck');
var isCommend_value = "0";
if(isCommend_ck.checked)
{
isCommend_value = "1";
}
var selectedNode = tree.getSelectionModel().getSelectedNode();
var requestConfig = {
url:basePath+"product/addCat.html",
params:{categoryId:selectedNode.id,isCommend:isCommend_value,actionType:'edit'},
callback:function(options,success,response){
if(success)
{
if(response.responseText=="1")
{
selectedNode.attributes.isCommend = isCommend_value;
}
else
{
Ext.MessageBox.alert("提示","很遺憾,設置失敗!!!!");
}
}
else
{
Ext.MessageBox.alert("提示","服務器忙,發送設置請求失敗!");
}
}
}
initRequest(requestConfig);
}
tree.on('move',function(tree,node,oldParent,newParent,index){
///alert(node.id+"@@@"+oldParent.id+"@@@"+newParent.id);
if(oldParent.id==newParent.id)
{
return;
}
Ext.MessageBox.wait('請等待,正在執行操作...','提示');
var requestConfig = {
url:basePath+"product/changelevel.html",
params:{nodeId:node.id,oldParentId:oldParent.id,newParentId:newParent.id},
callback:function(options,success,response){
if(success)
{
if(response.responseText=="1")
{
Ext.MessageBox.alert("提示","恭喜,移動成功!!!");
}
else
{
Ext.MessageBox.alert("提示","很遺憾,移動失敗!!!!");
}
}
else
{
Ext.MessageBox.alert("提示","服務器忙,發送移動請求失敗!");
}
}
}
initRequest(requestConfig);
});
tree.on('contextmenu', function(node, event){
event.preventDefault();
if(node.id=='root')
{
return;
}
node.select();
if(Ext.getCmp('isCommend_ck')!=null)
{
rightClick.remove(Ext.getCmp('isCommend_ck'));
}
var ck_item = new Ext.menu.CheckItem({
text:'是否推薦顯示在首頁',
checked:false,
id:'isCommend_ck',
checkHandler:chooseIsCommend
});
if(node.attributes.isCommend=="1")
{
ck_item.checked = true;
}
else
{
ck_item.checked = false;
}
rightClick.add(ck_item);
rightClick.showAt(event.getXY());
});
function delNodeAction()
{
var selectedNode = tree.getSelectionModel().getSelectedNode();
Ext.MessageBox.confirm('提示','確定刪除該節點(包括該節點下的子節點)嗎??',function(id){deleteCallback(id,selectedNode);});
}
function deleteCallback(id,selectedNode)
{
if(id=='yes')
{
Ext.MessageBox.wait('請等待,正在執行操作...','提示');
var requestConfig = {
url:basePath+"product/delCat.html",
params:{categoryId:selectedNode.id},
callback:function(options,success,response){
if(success)
{
if(response.responseText=="1")
{
selectedNode.remove();
Ext.MessageBox.alert("提示","恭喜,刪除成功!!!");
}
else
{
Ext.MessageBox.alert("提示","很遺憾,刪除失敗!!!!");
}
}
else
{
Ext.MessageBox.alert("提示","服務器忙,發送刪除請求失敗!");
}
}
}
initRequest(requestConfig);
}
}
function modifNodeAction()
{
var selectedNode = tree.getSelectionModel().getSelectedNode();
beforeEditName = selectedNode.text;
treeEditor.editNode = selectedNode;
treeEditor.startEdit(selectedNode.ui.textNode);
}
treeEditor.on("complete", function(treeEditor){
if(treeEditor.editNode.attributes.isNew=='1')
{
Ext.MessageBox.wait('請等待,正在執行操作...','提示');
var requestConfig = {
url:basePath+"product/addCat.html",
params:{categoryId:treeEditor.editNode.attributes.upId,actionType:'add',productCategoryName:treeEditor.editNode.text},
callback:function(options,success,response){
if(success)
{
if(response.responseText!="0")
{
var categoryId_new = response.responseText;
treeEditor.editNode.id = categoryId_new;
Ext.MessageBox.alert("提示","恭喜,添加新節點成功!!!");
}
else
{
treeEditor.setValue(beforeEditName);
beforeEditName="";
Ext.MessageBox.alert("提示","很遺憾,添加新節點失敗!!!!");
}
}
else
{
treeEditor.setValue(beforeEditName);
beforeEditName="";
Ext.MessageBox.alert("提示","服務器忙,發送添加請求失敗!");
}
}
}
initRequest(requestConfig);
}
else if(treeEditor.editNode.attributes.isNew=='0')
{
if(beforeEditName == treeEditor.editNode.text)
{
return;
}
Ext.MessageBox.wait('請等待,正在執行操作...','提示');
var requestConfig = {
url:basePath+"product/addCat.html",
params:{categoryId:treeEditor.editNode.id,actionType:'edit',productCategoryName:treeEditor.editNode.text},
callback:function(options,success,response){
if(success)
{
if(response.responseText!="0")
{
Ext.MessageBox.alert("提示","恭喜,修改成功!!!");
}
else
{
treeEditor.setValue(beforeEditName);
beforeEditName="";
Ext.MessageBox.alert("提示","很遺憾,修改失敗!!!!");
}
}
else
{
treeEditor.setValue(beforeEditName);
beforeEditName="";
Ext.MessageBox.alert("提示","服務器忙,發送修改請求失敗!");
}
}
}
initRequest(requestConfig);
}
else
{}
});
function initRequest(requestConfig)
{
Ext.Ajax.request(requestConfig);
}
function insertNode() {
var selectedNode = tree.getSelectionModel().getSelectedNode();
var selectedParentNode = selectedNode.parentNode;
var newNode = new Ext.tree.AsyncTreeNode({
text : '新建節點',
isNew:'1',
upId:''
});
if (selectedParentNode == null) {
selectedNode.appendChild(newNode);
} else {
selectedParentNode.insertBefore(newNode, selectedNode);
newNode.attributes.upId = selectedParentNode.id;
}
setTimeout(function() {
treeEditor.editNode = newNode;
treeEditor.startEdit(newNode.ui.textNode);
}, 10);
}
function appendNodeAction()
{
var selectedNode = tree.getSelectionModel().getSelectedNode();
if (selectedNode.isLeaf()) {
selectedNode.leaf = false;
}
var newNode = selectedNode.appendChild(new Ext.tree.AsyncTreeNode({
text : '新建節點',
isNew:'1',
upId:selectedNode.id
}));
newNode.parentNode.expand(false, false, function() {
tree.getSelectionModel().select(newNode);
setTimeout(function() {
treeEditor.editNode = newNode;
treeEditor.startEdit(newNode.ui.textNode);
}, 10);
});
}
});
</script>
</head>
<body>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -