Day 8 雙擊單元格編輯

2021-10-21 10:39:21 字數 1365 閱讀 4311

返回目錄

以下知識原始碼位置: [git:    version=055e060b7173c1d29923794698f2dac0e4dde069]

源**回滾版本,參考這裡[  ]

0.基礎知識:

1.修改檔案:

2)controller/constant.js: 在body裡面,定義了下面層次的html元素

div id="luckysheet-input-box-index" 編輯後滾動跟隨的單元格提示

div id="luckysheet-input-box"

div id="luckysheet-rich-text-editor"  單元格錄入

3)controller/handler.js: 在 #luckysheet-cell-main, #luckysheettablecontent 上面增加.dblclick(),雙擊的事務處理,通過location.js定位具體單元格位置,

然後,呼叫 updatecell.luckysheetupdatecell() (下面會具體描述),把編輯的視窗浮現出來。

2.新增檔案:

1)controller/updatecell.js: 當雙擊單元格區域的時候,會呼叫  updatecell.luckysheetupdatecell() ,這個方法有一點複雜,下面逐步進行分析:

getcolumnandrowsize()函式的作用是處理單元格的尺寸, 生成 input_postition 和 inputcontentscale 兩個json引數,作為

#luckysheet-input-box和#luckysheet-rich-text-editor的css樣式,再通過valueshowes() h獲取對應單元格的值,通過.html()

顯示到 #luckysheet-rich-text-editor 裡面。

3.乙個小彩蛋

1)updatecell.js line53: 這裡對元素進行賦值,並隱藏起來

$("#luckysheet-input-box-index").html(chatatabc(col_index) + (row_index + 1)).hide();

2)scroll.js line 18-22: 這裡設定元素的位置,並顯示到頁面上

$("#luckysheet-input-box-index").css().show();

實習日記 Day8

今天是聊了很多天的一天 今日份心得體會的主題是 在聊天中學習 工作以外的興趣愛好 今天我竟然和導師閒聊好了幾小時,當然內容主要是圍繞著工作展開的話題。也許是昨天送的小禮物奏效了,又也許是因為今天真的很閒,以至於組裡有同事壓根沒來上班,再或者是因為上了年紀的男性長輩都比較喜歡 好為人師 我都不得而知 ...

坦克大戰 day 8

在tank類定義陣列,載入每一張。使用static關鍵字宣告的 塊叫靜態 塊。靜態塊用於初始化類,為類的屬性初始化。每個靜態 塊只會執行一次。如果有些 必須在專案啟動的時候就執行,那麼我們就可以使用靜態 塊來實現,這種 是主動執行的。坦克的陣列 private static image tankim...

湖南集訓day8

難度 可以先考慮一維,可知 模k意義下相同的字首和任意兩個相減都是k的倍數 問題等價於統計字首何種模k相同的數的對數。多維的時候二維字首和,壓行或者壓列,n 3可以解決。樹形dp可做,好難好難的樣子 考慮貪心 暗點的深度排序,每次拿出未被更新的最深的點把他的k級父親標記 然後用這個點向外擴充套件更新...