国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

handsontable初步認(rèn)知

wslongchen / 3528人閱讀

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

hansontable簡(jiǎn)介

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

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

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

特性

hansontable free版本提供的重要特性有：?jiǎn)卧裣吕詣?dòng)補(bǔ)全、注釋信息、右鍵菜單、復(fù)制粘貼、數(shù)據(jù)校驗(yàn)、合并單元格等等。

兼容性

兼容提醒要求如下:

說明：

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

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

菜單操作比較卡

簡(jiǎn)單配置demo體驗(yàn)

http://runjs.cn/detail/foavmqxz

重要概念

render

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

editor

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

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

重要配置項(xiàng)（待更新）

1： render是一個(gè)重要配置項(xiàng)，自定義單元格的渲染。

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

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

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

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

issue（待更新）

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

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

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

總結(jié)

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

吐槽

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/50404.html

相關(guān)文章

  • handsontable初步認(rèn)知

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

    mrcode 評(píng)論0 收藏0

  • Handsontable 類似 excel 表格編輯器

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

    ztyzz 評(píng)論0 收藏0

  • Handsontable 類似 excel 表格編輯器

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

    villainhr 評(píng)論0 收藏0

  • handsontable自定義渲染

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

    loonggg 評(píng)論0 收藏0

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

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

    joy968 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<