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

資訊專欄INFORMATION COLUMN

handsontable初步認知

wslongchen / 3581人閱讀

摘要：待更新左上角單元格賦值問題，通過改源碼實現(xiàn)。下拉單元格高度修改，定位元素修改時下拉列表的最后一個顯示不全，有。

hansontable簡介

是一個在線類似Excel的表格編輯器,支持豐富的展現(xiàn)和交互,有多樣的單元格類型供配置。

核心是由原生JavaScript構(gòu)建,充分模塊化,支持自定義build。

除了核心表格渲染(實質(zhì)就是js操作table,計算元素位置,自定義綁定事件處理),大部分功能以插件提供?？梢造`活構(gòu)建插拔,自定義添加新功能插件。

特性

hansontable free版本提供的重要特性有：單元格下拉自動補全、注釋信息、右鍵菜單、復(fù)制粘貼、數(shù)據(jù)校驗、合并單元格等等。

兼容性

兼容提醒要求如下:

說明：

在ie9上處理大量數(shù)據(jù)時有限制。

有bug存在，有些特性用不了。

菜單操作比較卡

簡單配置demo體驗

http://runjs.cn/detail/foavmqxz

重要概念

render

Handsontable把表格中cell值的展示和改變cell值的這兩個過程分割開了。renderer是負責(zé)渲染展示初始配置中的data數(shù)據(jù)和通過editor修改后的數(shù)據(jù)。
Renderer是一個簡單的函數(shù)，得到實際cell的值，然后根據(jù)你定義的規(guī)則將值轉(zhuǎn)為html code展示出來。

editor

editor編輯器是用來處理用戶輸入（鼠標(biāo)和鍵盤的事件），校驗數(shù)據(jù)。與起相關(guān)的主要就是EditorManager，它有四大功能

1：準(zhǔn)備一個適當(dāng)?shù)膃ditor對于一個激活的active cell
2：準(zhǔn)備一個編輯器來展示
3：根據(jù)用戶的行為展示編輯器
4：關(guān)閉編輯器

重要配置項（待更新）

1： render是一個重要配置項，自定義單元格的渲染。

上面遇到的一個問題就是初始實例配置中，設(shè)置為Autocomplete類型render，后來被改為Text類型render。但是如果是在某個單元格操作時觸發(fā)render改變，當(dāng)前操作的單元格顯示會有bug，后來我是換了種方法，獲取指定cell class名稱，用js直接操作單元格從而修改樣式。

2：comment插件，可以自定義添加單元格的提示信息，包括信息內(nèi)容和展現(xiàn)形式，這個我在做校驗然后展示提示信息的時候有用到。

3：contextMenu是右鍵菜單選項，可以配置或自定義添加。例如下圖中清除內(nèi)容選項就是自定義添加的邏輯而非原生提供配置項。

4：afterChane和afterValidate，用法和區(qū)別見下圖中的注釋，這個兩個方法挺重要的。

issue（待更新）

1:左上角單元格賦值問題，通過改源碼實現(xiàn)。

2：給autoComplete下拉元素添加懸浮title，其它比如通過點擊，懸浮等事件添加title時，titile出現(xiàn)的時機有問題。

3：autoComplete下拉單元格高度修改，css定位元素修改時下拉列表的最后一個顯示不全，有bug。

總結(jié)

首先說明一下，以上都是依據(jù)0.29 version得出的結(jié)論。接下來準(zhǔn)備補充完善寫一些重要配置項和使用過程中自己遇到的問題，關(guān)于issue和配置項如果你有更好的想法，歡迎留言交流。

吐槽

sg的實時保存，草稿箱沒用，實時保存，提示已經(jīng)保存到草稿箱，去草稿箱查看剛剛編輯的內(nèi)容卻不存在，大家注意點。

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

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/50404.html

相關(guān)文章

  • handsontable初步認知

    摘要：待更新左上角單元格賦值問題，通過改源碼實現(xiàn)。下拉單元格高度修改，定位元素修改時下拉列表的最后一個顯示不全，有。 hansontable簡介 是一個在線類似Excel的表格編輯器,支持豐富的展現(xiàn)和交互,有多樣的單元格類型供配置。 核心是由原生JavaScript構(gòu)建,充分模塊化,支持自定義build。 除了核心表格渲染(實質(zhì)就是js操作table,計算元素位置,自定義綁定事件處理),大部...

    mrcode 評論0 收藏0

  • Handsontable 類似 excel 表格編輯器

    摘要：原文發(fā)布于個人博客歡迎訪問簡介是一個類似表格編輯器，支持豐富的展現(xiàn)和交互，以及多樣的單元格展現(xiàn)和配置核心由原生編寫，通過打包同類項目中，點贊最多，列表官網(wǎng)地址支持的特征的一些主要功能這里只列出主要功能，想了解更多更能，可以查詢官方文檔。這 原文發(fā)布于個人博客>>歡迎訪問 HandsonTable 簡介 Handsontable 是一個類似 excel 表格編輯器，支持豐富的展現(xiàn)和交互...

    ztyzz 評論0 收藏0

  • Handsontable 類似 excel 表格編輯器

    摘要：原文發(fā)布于個人博客歡迎訪問簡介是一個類似表格編輯器，支持豐富的展現(xiàn)和交互，以及多樣的單元格展現(xiàn)和配置核心由原生編寫，通過打包同類項目中，點贊最多，列表官網(wǎng)地址支持的特征的一些主要功能這里只列出主要功能，想了解更多更能，可以查詢官方文檔。這 原文發(fā)布于個人博客>>歡迎訪問 HandsonTable 簡介 Handsontable 是一個類似 excel 表格編輯器，支持豐富的展現(xiàn)和交互...

    villainhr 評論0 收藏0

  • handsontable自定義渲染

    摘要：在單元格屬性配置中調(diào)用自定義的渲染方法調(diào)用首行渲染方法調(diào)用自定義渲染方法或者直接在中調(diào)用屬性這樣就能使用自定義的渲染方法了是元素，是事件名，是事件處理函數(shù)。 hansontable的渲染定義方式有多種，常見的有NumericRenderer、TextRenderer、CheckboxRenderer，但他們都是通過registerRenderer來渲染的，registerRendere...

    loonggg 評論0 收藏0

  • js-xlsx + handsontable + echarts實現(xiàn)excel上傳編輯然后顯示成圖表

    摘要：生成報表數(shù)據(jù)都處理完了之后，就是生成報表了，報表這里稍微做的靈活了一點，是要讓用戶根據(jù)上傳的數(shù)據(jù)，自己選擇字段，然后用去生成對應(yīng)的報表。 js-xlsx + handsontable + echarts 實現(xiàn)在前端導(dǎo)入excel數(shù)據(jù)并生成echart報表 前言 最近都在做類似 ERP 的項目,所以呢,又碰到一個比較變態(tài)的需求(至少對我來說是),在前端導(dǎo)入 excel 文件,然后在瀏覽器...

    joy968 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<