亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

jsu系列之表格組件 ---- jsu.Table

everfly / 2502人閱讀

摘要：作者注是基于擴展的原生表格插件，設計理念來源于的組件該庫基于，暫時未找到版本因此在此造輪子。本文將記錄系列所有組件開發(fā)過程中遇到的問題和解決思路，歡迎討論和指正。

作者注：jsu.Table是基于jQuery擴展的原生表格插件，設計理念來源于Element.ui的Table組件（該UI庫基于vue.js，暫時未找到jQuery版本因此在此造輪子）。本文將記錄jsu系列所有組件開發(fā)過程中遇到的問題和解決思路，歡迎討論和指正。廢話少說，下面開始進入主題！
先看效果


上圖為固定表頭 + 嵌套表格 + 可展開列 + MVVM編輯表格數(shù)據(jù)等功能測試效果。

主要配置代碼 

    
    

        
        
        ...
        
        文本
        枚舉
        
        簡介
        編輯簡介
        編輯注冊時間

注解①：展開行模板 


    
    

        
注解③：可編輯單元格模板

注解③：單元格內容顯示模板

Javascript主要代碼
// 模擬數(shù)據(jù)
var data = [];
for (var i = 0; i < 5; i++) {
    data.push({
        name: "name_" + (i + 1),
        gender: "MALE",
        date: new Date().getTime(),
        note: "我是加粗內容",
        birthday: new Date().getTime()
    });
}

// 應用插件
var table = jsu.Table($(".grid_2"), true, true);
table.data(data);
如何使用
詳細API可在控制臺查閱jsu.Table.dir或進入/test.../index.html查閱，這里列出部分內容：
設計目的
作者準備為jsu.Table實現(xiàn)以下功能:
基礎表格數(shù)據(jù)展示(已實現(xiàn))
列順序調整（已實現(xiàn)）
列寬調整（已實現(xiàn)）
表頭固定（已實現(xiàn)）
左側列固定（已實現(xiàn)）
右側列固定（開發(fā)中）
用戶可配置隱藏/顯示部分列數(shù)據(jù)
單元格縱向合并 ---- 合并行
單元格橫向合并 ---- 合并列
其中4 / 5 / 6可參考office word的凍結功能。組件結構圖：
遇到的問題

固定表頭寬度何時確定 / 以及修正?
開始調整列寬時隱藏$top，調整結束后顯示$top。由于使用中可能存在內容動態(tài)變更（并非通過 table.data API去修改，導致寬度超出當前列寬/行高），通過內部API checkScroll()來修正。

多部件表格時交換列順序無效（$top未交換表頭， $main交換正常）?
在啟用固定表頭/列時，暫時取消列順序交換功能

左側固定列滾動時機
當啟用左側固定列時如果同時配置了表頭固定，通過添加左側頂部固定表頭實現(xiàn)上下滾動

左側固定列與expand類型內容如何同步
待修復

左側固定列隱藏滾動條后，鼠標在左側固定列無法滾動表格
待修復

                   
 文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

                 
                   
轉載請注明本文地址：http://www.ezyhdfw.cn/yun/100054.html

               

                
相關文章

                
    
                             
                                                                    
  • 
                                                
    
                          
    jsu系列之表格組件 ---- jsu.Table
    
                                                     
    摘要：作者注是基于擴展的原生表格插件，設計理念來源于的組件該庫基于，暫時未找到版本因此在此造輪子。本文將記錄系列所有組件開發(fā)過程中遇到的問題和解決思路，歡迎討論和指正。


作者注：jsu.Table是基于jQuery擴展的原生表格插件，設計理念來源于Element.ui的Table組件（該UI庫基于vue.js，暫時未找到jQuery版本因此在此造輪子）。本文將記錄jsu系列所有組件開發(fā)過程...
    
                                                   
                          
    
                                
    
                                    soasme
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                                                       
  • 
                                                
    
                          
    jsu系列之表格組件 ---- jsu.Table
    
                                                     
    摘要：作者注是基于擴展的原生表格插件，設計理念來源于的組件該庫基于，暫時未找到版本因此在此造輪子。本文將記錄系列所有組件開發(fā)過程中遇到的問題和解決思路，歡迎討論和指正。


作者注：jsu.Table是基于jQuery擴展的原生表格插件，設計理念來源于Element.ui的Table組件（該UI庫基于vue.js，暫時未找到jQuery版本因此在此造輪子）。本文將記錄jsu系列所有組件開發(fā)過程...
    
                                                   
                          
    
                                
    
                                    張巨偉
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    【從零入門系列-5】Spring Boot 之 前端展示
    
                                                     
    摘要：務必在之前引入最新的核心文件為了偷懶，我們這里引入的第三方庫文件都是采用的方式，也可以選擇把庫下載到本地然后再引用。

文章系列

【從零入門系列-0】Spring Boot 之 Hello World
【從零入門系列-1】Spring Boot 之 程序結構設計說明
【從零入門系列-2】Spring Boot 之 數(shù)據(jù)庫實體類
【從零入門系列-3】Spring Boot 之 數(shù)據(jù)庫操作...
    
                                                   
                          
    
                                
    
                                    Mr_houzi
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    【從零入門系列-5】Spring Boot 之 前端展示
    
                                                     
    摘要：務必在之前引入最新的核心文件為了偷懶，我們這里引入的第三方庫文件都是采用的方式，也可以選擇把庫下載到本地然后再引用。

文章系列

【從零入門系列-0】Spring Boot 之 Hello World
【從零入門系列-1】Spring Boot 之 程序結構設計說明
【從零入門系列-2】Spring Boot 之 數(shù)據(jù)庫實體類
【從零入門系列-3】Spring Boot 之 數(shù)據(jù)庫操作...
    
                                                   
                          
    
                                
    
                                    freewolf
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                                       
  • 
                                                
    
                          
    vue總結系列--組件化
    
                                                     
    摘要：觸發(fā)事件可以攜帶數(shù)據(jù)，這些數(shù)據(jù)被用于傳遞給綁定了事件的其它組件的回調函數(shù)上，進而被傳遞給其它組件。父組件可以在回調函數(shù)里做任何事情，頗有靈活性。一般情況下，父組件會在回調函數(shù)中更新自己的狀態(tài)數(shù)據(jù)。

上一篇博文梳理了vue的數(shù)據(jù)驅動和響應式相關的特性，這一篇博文就來梳理vue的一個很重要的特性，組件化。自定義組件之于vue，其意義不亞于函數(shù)之于C，java之類的編程語言。函數(shù)是計算機科學...
    
                                                   
                          
    
                                
    
                                    cuieney
                                    
                                    評論0 
                                    收藏0 
                                
    
                          
    
                      
    
                    
    •  
                                                                           
                

              

                  
                  
發(fā)表評論

                   
               

                

                  
0條評論
   
                
 
                      

              

              
 
                

                   
              
  

                  
最新活動
 
           
                             
              





                                
              

           

      
    

         
閱讀需要支付1元查看
  
         
     
       

        

            

              
              
            

             
        

    
          
<