HAP_TabScrip

• 添加库依赖

image.png

• 修改我们的页面
  注意id要相对应,在最后要加一个

    
    

        

          
            
tab1
          
            
tab2
        
        

            

                
                

                    <@spring.message "hap.new"/>
                    <@spring.message "hap.save"/>
                    <@spring.message "hap.delete"/>
                
                
                

                    
                    <@spring.message "hap.query"/>
                    

                
                
                

                    

                
            
          
            

                
            
        
    
    


    
    

• 添加切换事件
  iframe的src属性的正确拼写

   $(document).ready(function () {
        //切换tab页面的点击事件处理
        $("#lnkScore").on("click", function () {
            /*  $("#iframe-score").hide();*/
            var grid = $("#grid").data("kendoGrid");
            console.log("Grid loaded")
            //获取所有选中的数据行
            var selectItems = grid.selectedDataItems();
            console.log("Item loaded")
            console.log(selectItems)
            for (var i in selectItems) {
                console.log(i + ": " + selectItems[i].studentId);
                //设置iframe的src属性C
                $('#iframe-score').attr("src", "${base.contextPath}/ora20796/student_score.html?studentId=" +selectItems[i].studentId);

            }
        });
    });

实现效果图：

image.png

image.png