jquery.tmpl.js 不显示

俊铭 发布于 2014/04/03 16:32
阅读 828
收藏 1
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
             <link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" type="text/css" ></link>
             <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
             <script type="text/javascript" src="js/jquery.ztree.all-3.5.min.js"></script>
            
            <script type="text/javascript" src="js/jquery.tmpl.js"></script>
     <script id="myTemplate" type="text/x-jquery-tmpl">
        +<li>${URLTITLE}</li> //前面加好做个标记
      </script>
     <script type="text/javascript">

    var setting = {  
        isSimpleData : true,              //数据是否采用简单 Array 格式,默认false  
        treeNodeKey : "id",               //在isSimpleData格式下,当前节点id属性  
        treeNodeParentKey : "pId",        //在isSimpleData格式下,当前节点的父节点id属性  
        showLine : true,                  //是否显示节点间的连线  
        checkable : true,                 //每个节点上是否显示 CheckBox  
          callback:{
              onClick:zTreeOnClick//onclick
          }
          
    };
//----------------------------------------------

    function zTreeOnClick(event, treeId, treeNode) {
       $.ajax({
                async:true,
                type: "GET",
                contentType: "application/json; charset=utf-8",
                dataType : "json",
                url: "trsArticle_listByChannel.action?channel="+treeNode.name,
                error: function(){
                    alert(arguments[1]);                
                },                    
                success: function(data){ //请求成功后处理函数。
                    
                    $("#rows").empty();
                    var list = data.datas;
                    
                    $("#myTemplate").tmpl(list).appendTo("#rows");
                     
                 }
         });
    };
    
    
    
    
    
//-----------------------------------------------
    $(function(){
        $.ajax({
                async:true,
                type: "POST",
                dataType : "json",
                url: "classification_parentList.action",
                error: function(){
                    alert(arguments[1]);                
                },                    
                success: function(data){ //请求成功后处理函数。
                    
                    var treeObj = $.fn.zTree.init($("#showTree"), setting, data);    //treeDemo是树的显示位置
                     treeObj.expandAll(true);
                 }
         });
        
    });
    
    </script>
 <title>分类</title>
</head>
 <body>
     <div style="height: 60px; background: gray;font-size: x-large;  padding-top: 15px; " align="center">分类查询</div>
        <div style="float: left; width: auto;border: 2px; border-color: gray;background-color:orange;height: 600px;">
            <ul id="showTree" class="ztree">
            </ul>
        </div>
        <iframe style="float: left; background-color: silver;height: 600px;width: 792px;border-style: none;" id="ifram" src=""></iframe>
        <div class="frame_right_container">
        <div id="rows">
        <!-- 模版插入区-->
        </div>
        
        </div>
    </body>
</html>

加载中
返回顶部
顶部