Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="xiaojue,designsor@gmail.com">
<script src="lib/js/jquery-1.4.2.js" type="text/javascript"></script>
<link type="text/css" href="lib/css/gz_base.css" rel="stylesheet" media="screen" />
<link type="text/css" href="lib/css/gz_layout.css" rel="stylesheet" media="screen" />
<link rel="stylesheet" href="lib/css/jquery.treeview.css" type="text/css" />
<script type="text/javascript" src="lib/js/jquery.treeview.js"></script>
<script>
$(function(){
    $("#example").treeview();
        $('#treemanage').treeview();
});
  </script>
<title>菜单管理</title>
</head>

<body>
        <div class='gz_head'>
                <div class='logo'><a href='index.html'></a></div>
                <div class='mainmuen'>
                        <ul class='mainnav'>
                                <li><a href='index.html'>首页</a></li>
                                <li class='linow'><a href='muensystem.html' class='anow'>菜单管理</a></li>
                                <li><a href='datalib.html'>数据字典</a></li>
                        </ul>
                        <ul class='breadnav'>
                        </ul>
                </div>
        </div>
        <!--head end ,left begin -->
        <div class='gz_left'>
                        <ul class='muentree treeview-gray' id='example'>
                                <li class="closed"><span>Folder 1</span>
                                        <ul>
                                                <li><span><a href='#'>Item 1.1</a></span></li>
                                        </ul>
                                </li>
                                <li class="closed">
                                        <span>Folder 2</span>
                                        <ul>
                                                <li class="closed">
                                                        <span>Subfolder 2.1</span>
                                                        <ul>
                                                                <li><span><a href='#'>File 2.1.1</a></span></li>
                                                                <li><span><a href='#'>File 2.1.2</a></span></li>
                                                        </ul>
                                                </li>
                                                <li><span><a href='#'>File 2.2</a></span></li>
                                        </ul>
                                </li>
                                <li class="closed"><span class="folder">Folder 3</span>
                                        <ul>
                                                <li><span><a href='#'>File 3.1</a></span></li>
                                        </ul>
                                </li>
                                <li><span><a href='#'>File 4</a></span></li>
                        </ul>
        </div>
        <!--left end ,main begin -->
                <div class='gz_main'>
                        <h1>菜单管理</h1>
                        <div class='treemanagemain'>
                                <div class='maintree'>
                                <ul class='muentree treeview-gray' id='treemanage'>
                                <li class="closed"><span dataid='0'>Folder 1</span>
                                        <ul>
                                                <li><span dataid='1'><a href='#'>Item 1.1</a></span></li>
                                        </ul>
                                </li>
                                <li class="closed">
                                        <span dataid='2'>Folder 2</span>
                                        <ul>
                                                <li class="closed">
                                                        <span dataid='3'>Subfolder 2.1</span>
                                                        <ul>
                                                                <li><span dataid='4'><a href='#'>File 2.1.1</a></span></li>
                                                                <li><span dataid='5'><a href='#'>File 2.1.2</a></span></li>
                                                        </ul>
                                                </li>
                                                <li><span dataid='6'><a href='#'>File 2.2</a></span></li>
                                        </ul>
                                </li>
                                <li class="closed"><span class="folder" dataid='7'>Folder 3</span>
                                        <ul>
                                                <li><span dataid='8'><a href='#'>File 3.1</a></span></li>
                                        </ul>
                                </li>
                                <li><span dataid='9'><a href='#'>File 4</a></span></li>
                        </ul>
                        </div>
                        <div id='treeadd'>
                                        <h2 id='addnewbtn'>新增一级菜单</h2>
                                        <form action='#' method='post' id='treeaddnew'>
                                                <p>
                                                        <label>名称:</label> <input type='text'/>
                                                        <label>序号:</label> <input type='text'/>
                                                </p>
                                                <p>
                                                        <label>参数:</label> <input type='text'/>
                                                        <label>备注:</label> <input type='text'/>
                                                </p>
                                                <p>
                                                        <input type='submit' value='保存'/>
                                                </p>
                                        </form>
                                        <form action='#' method='post' id='treesetup'>
                                                <h2>设置</h2>
                                                <p>
                                                        <label>名称:</label> <input type='text'/>
                                                        <label>序号:</label> <input type='text'/>
                                                </p>
                                                <p>
                                                        <label>参数:</label> <input type='text'/>
                                                        <label>备注:</label> <input type='text'/>
                                                </p>
                                                <p>
                                                        <input type='submit' value='修改'/>
                                                </p>
                                                <input type='hidden' value='' name='' id='childid'/>
                                        </form>
                                        <form action='#' method='post' id='treeaddchild'>
                                                <h2>添加下级菜单</h2>
                                                <p>
                                                        <label>名称:</label> <input type='text'/>
                                                        <label>序号:</label> <input type='text'/>
                                                </p>
                                                <p>
                                                        <label>参数:</label> <input type='text'/>
                                                        <label>备注:</label> <input type='text'/>
                                                </p>
                                                <p>
                                                        <input type='submit' value='保存'/>
                                                </p>
                                                <input type='hidden' value='' name='' id='childparent'/>
                                        </form>
                                </div>
                </div>

                </div>
        <!--main end ,bottom begin -->
        <div class='gz_bottom'>service system copyright 2007-2010</div>

</body>
<script>
(function(){
        $('#addnewbtn').toggle(function(){
                $('#treeaddnew').slideDown('slow');
        },function(){
                $('#treeaddnew').hide();
        });

        $('#treemanage span').each(function(i){
                $(this).click(function(){
                        var id=$(this).attr('dataid');
                        $('#treemanage .treeset').remove();
                        $(this).append('<a href="#'+id+'" class="treeset" id="tdelete">删除</a><a href="#'+id+'" class="treeset" id="tset">设置</a><a href="#'+id+'" class="treeset" id="tadd">添加</a>');
                        $('#treeaddchild,#treesetup').hide();
                });
        });
        $("#tdelete").live('click',function(){
                var id=ranchor($(this).attr('href'));
                conbox('是否真的要把主键为'+id+'的菜单删除？');
        });

        $("#tset").live('click',function(){
                var id=ranchor($(this).attr('href'));
                $('#treeaddchild').slideUp();
                $('#treesetup').slideDown();
                $('#childid').val(id);
        });

        $("#tadd").live('click',function(){
                var id=ranchor($(this).attr('href'));
                $('#treesetup').slideUp();
                $('#treeaddchild').slideDown();
                $('#childparent').val(id);
        });
        function ranchor(href){
                var re='#';
                return href.substring(href.lastIndexOf(re)+1);
        }
        function conbox(msg) {
                if(confirm(msg)){
                        return true;
                }else{
                        return false;
                }
        };
})();
</script>
<!--[if lt IE 9]><script src="lib/js/IE9.js"></script><![endif]-->
</html>