小鱼的空气

记录我所思

Tab Pane 控件

官方网站WebFX  http://webfx.eae.net/

只有一个JS文件,引用后即可使用。应用代码片断如下:

< div >
    
< table  width ="600"  valign ="top"  align ="left"  style ="margin-top:20px;margin-left:50px" >< tr >< td >
            
< div  class ="tab-pane"  id ="tab-pane-1" >
                
< script  type ="text/javascript" >
                    
var  tabPane1  =   new  WebFXTabPane($( " tab-pane-1 " ));
                
</ script >

                
< div  class ="tab-page"  id ="tab-page-1" >
                    
< h2  class ="tab" > 缺货图书 </ h2 >
                    
< script  type ="text/javascript" >
                        tabPane1.addTabPage($(
" tab-page-1 " ));
                    
</ script >
                    
< table  class ="adminlist" >
                        
< tr >
                            
< th  class ="title"  colspan ='2' > 低库存图书  </ th >
                        
</ tr >
                        
< tr >
                            
< td > {book.name} </ td >< td > {book.inventory}本 </ td >
                        
</ tr >
                          
< c:forEach  var ="book"  items ="${books}" >
                        
< tr >
                            
< td > 《${book.name}》 </ td >< td > ${book.inventory}本 </ td >
                        
</ tr >
                        
</ c:forEach >
                    
</ table >
                
</ div >

                
< div  class ="tab-page"  id ="tab-page-2" >
                    
< h2  class ="tab" > 待发订单 </ h2 >
                    
< script  type ="text/javascript" >
                        tabPane1.addTabPage($(
" tab-page-2 " ));
                    
</ script >
                    
< table  class ="adminlist" >
                        
< tr >
                            
< th  class ="title" > 等待发货订单 </ th >
                        
</ tr >
                    
</ table >
                
</ div >

                
< div  class ="tab-page"  id ="tab-page-3" >
                    
< h2  class ="tab" > 登陆用户 </ h2 >
                    
< script  type ="text/javascript" >
                        tabPane1.addTabPage($(
" tab-page-3 " ));
                    
</ script >
                    
< table  class ="adminlist" >
                        
< tr >
                            
< th  class ="title" > 当前登陆用户 </ th >
                         
</ tr >
                         
< tr >
                             
< td > some text </ td >
                        
</ tr >
                    
</ table >
                
</ div >
            
</ div >
        
</ td >
    
</ tr >
    
</ table >
</ div >


 

posted on 2006-11-01 11:21 小鱼 阅读(995) 评论(1)  编辑  收藏

评论

# re: Tab Pane 控件 2015-11-02 17:02 大多数

范德萨发的说法是放水电费水电费是 发斯蒂芬  回复  更多评论   


只有注册用户登录后才能发表评论。


网站导航:
 
<2015年11月>
25262728293031
1234567
891011121314
15161718192021
22232425262728
293012345

导航

统计

常用链接

留言簿(3)

我参与的团队

随笔档案

文章档案

搜索

最新评论