Handsontable單元格型別

2021-08-21 12:04:12 字數 2022 閱讀 7966

學習重點

註冊乙個單元格型別

預覽內建和自定義單元格型別

單元格型別的解剖

當您建立乙個自定義單元格型別時,乙個好的做法是將它作為乙個別名分配給以下預設型別。

handsontable預設定義9個預設型別:

autocomplete for handsontable.celltypes

.autocomplete

checkbox for handsontable.celltypes

.checkbox

date for handsontable.celltypes

.date

dropdown for handsontable.celltypes

.dropdown

handsontable for handsontable.celltypes

.handsontable

numeric for handsontable.celltypes

.numeric

password for handsontable.celltypes

.password

text for handsontable.celltypes

.text

time for handsontable.celltypes

.time

它為使用者提供了一種方便的方式來定義應該使用哪個單元格型別來描述單元格屬性。使用者不需要知道**的哪一部分負責呈現、驗證或編輯單元格值,他甚至不需要知道有任何函式。更重要的是,您可以更改與別名相關聯的單元格行為,而不需要更改定義單元屬性的**。

要註冊自己的別名,請使用handsontable.celltypes.registercelltype()函式。它有兩個引數:

celltypename - 表示單元格型別

type - 具有鍵編輯器、渲染器和驗證器的物件,該物件將由celltypename表示

如果您想在別名copyable-password下註冊copyablepasswordtype,則必須呼叫copyable-password

handsontable.celltypes.registercelltype('copyable-password', );
明智地選擇別名。如果您在已註冊的名稱下註冊單元格型別,目標函式將被覆蓋

handsontable.celltypes.registercelltype('password', );

//現在「password」別名指向新建立的物件,而不是handsontable.celltypes.password

因此,除非您有意覆蓋現有的別名,否則請嘗試選擇乙個惟一的名稱。

handsontable.celltypes.registercelltype('copyable-password', );

// 有人可能已經註冊了這樣的別名。

handsontable.celltypes.registercelltype('my.copyable-password', );

// 這樣好多了

使用別名

總之,乙個準備良好的單元格型別物件應該如下所示:

(function

(handsontable)

function customvalidator(query, callback)

// register an alias

handsontable.celltypes.registercelltype('my.custom', );})

(handsontable)

;

從現在開始,您可以像這樣使用單元格定義:

var hot =

new handsontable(document.getelementbyid('container'),

]});

handsontable 合併單元格

上面我們已經將右鍵選單禁用掉,現在將使用js對容器插入行列,並初始化插入列的資料 再結合alter與setdataatcell方法我們將在下面做乙個簡單的例子 在索引9行之前插入2個空行 hot.alter insert row 9,2 對2個空行進行填充資料 hot.setdataatcell 9...

Handsontable對單元格的操作

1.自動填充單元格資料 fillhandle true false 當值為true時,允許拖動單元格右下角,將其值自動填充到選中的單元格 2.合併單元格 初始化配置 mergecells 或者初始化宣告 mergecells true 表示允許單元格合併 但單元格合併的操作,需如下操作 1 if k...

labview 活動單元格 活動單元格屬性

短名稱 activecell 必需 基礎軟體包 類 多列列表框類的屬性 用途 建立屬性。設定活動單元格的行和列。名稱說明 行設定活動單元格的行。取值範圍為0至n,n為行數 1。輸入 2可選擇所有行。列設定活動單元格的列。取值範圍為0至m,m為列數 1。輸入 2可選擇所有列。輸入 1可選擇列首。下表為...