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();
});
  </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><a href='muensystem.html'>菜单管理</a></li>
                                <li class='linow'><a href='datalib.html' class='anow'>数据字典</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'>
                                        <h2 id='addlibtitle'>新 增</h2>
                                        <form id='addlib' action='#' method='post'>
                                                <p><label>字典名称:</label> <input type='text'/></p>
                                                <p><label>备注信息:</label>  <input type='text'/></p>
                                                <p><input type='submit' value='保存'/></p>
                                        </form>
                                        <h2 id='searchlibtitle'>搜 索</h2>
                                        <div id='libsearch'>
                                                <p><label>字典名称:</label> <input type='text'/></p>
                                                <p><input type='button' value='搜索'/></p>
                                        </div>
                                        <ul class='libtree'>
                                                <li dataid='0'><a href='#'>性 别</a></li>
                                                <li dataid='1'><a href='#'>职 位</a></li>
                                                <li dataid='2'><a href='#'>省 份</a></li>
                                                <li dataid='3'><a href='#'>政治面貌</a></li>
                                        </ul>
                                </div>
                                <div id='treeadd'>
                                        <h3>新 增</h3>
                                        <form method='post' action='#' id='newchild'>
                                                <p><label>排序号:</label> <input type='text'/> <label>枚举值:</label> <input type='text'/> <input type='submit' value='保存'/></p>
                                        </form>
                                        <ol class='datatree'>
                                                <li dataid='0'><span>男</span> <span class='opendata'>启用</span></li>
                                                <li dataid='1'><span>女</span> <span class='opendata'>启用</span></li>
                                                <li dataid='2'><span>BT</span> <span class='closedata'>禁用</span></li>
                                        </ol>
                                </div>
                        </div>
                </div>
        <!--main end ,bottom begin -->
        <div class='gz_bottom'>service system copyright 2007-2010</div>

</body>
<script>
(function(){
        $('#addlibtitle').click(function(){
                $('#addlib,#libsearch').hide();
                $('#addlib').slideDown();
        });
        $('#searchlibtitle').click(function(){
                $('#addlib,#libsearch').hide();
                $('#libsearch').slideDown();
        });
        $('#treeadd>h3').toggle(function(){
                $('#newchild').slideDown();
        },function(){
                $('#newchild').slideUp();
        });

        $('.libtree li').each(function(i){
                $(this).hover(function(){
                        var id=$(this).attr('dataid');
                        $(this).append('<a href="#'+id+'" id="libchiefexit">修改</a>');
                },function(){
                        $('#libchiefexit').remove();
                });
        });

        var h1=function(){
                var id=$(this).attr('dataid');
                $(this).append('<a href="#'+id+'" id="libdelete">删除</a><a href="#'+id+'" id="libexit">修改</a>');
        };
        var h2=function(){
                $('#libexit,#libdelete,#exitvalue,#exitbtn,#exitout').remove();
        };

        $('.datatree li').each(function(i){
                $(this).hover(h1,h2);
        });

        $('#libexit').live('click',function(){
                $(this).hide();
                $('.datatree li').each(function(i){
                $(this).unbind('mouseenter mouseleave');
                });
                var value=$(this).siblings().eq(0).text();
                $(this).after('<input type="text" value="'+value+'" id="exitvalue"/><input type="button" value="修改并保存" id="exitbtn"/><input type="button" value="取消" id="exitout"/>');
                ie9();
        });

        $('#exitout').live('click',function(){
                $('.datatree li').each(function(i){
                        $(this).hover(h1,h2);
                });
        });

        $('.opendata').live('click',function(){
                $(this).attr('class','closedata').text('禁用');
        });

        $('.closedata').live('click',function(){
                $(this).attr('class','opendata').text('启用');
        });

        $('#libdelete').live('click',function(){
                var id=ranchor($(this).attr('href'));
                conbox('是否真的要把主键为'+id+'的菜单删除？');
        });
        function ranchor(href){
                var re='#';
                return href.substring(href.lastIndexOf(re)+1);
        }
        function conbox(msg) {
                if(confirm(msg)){
                        return true;
                }else{
                        return false;
                }
        };
        //加载IE9
        function ie9(){
                if ( $.browser.msie ){
                                if($.browser.version!=9.0){
                                        $.getScript('lib/js/IE9.js');
                                };
                }
        }
})();
</script>
<!--[if lt IE 9]><script src="lib/js/IE9.js"></script><![endif]-->
</html>