handsontable自定義渲染

2021-08-17 02:11:30 字數 2437 閱讀 7755

本文主要介紹在使用handsontable過程中,對載入的資料進行字型顏色、樣式(style)、資料格式化,對齊方式的處理,並新增自定義和單機事件功能。

**如下:

doctype html

>

<

html

>

<

head

>

<

title

>handsontable demo

title

>

<

meta

charset

="utf-8"

>

<

link

rel="stylesheet"

href

="handsontable/htstyle.css"

>

<

link

rel="stylesheet"

href

="handsontable/htstyle-custom.css"

>

<

script

src="handsontable/jquery-1.12.1.js"

>

script

>

<

script

src="handsontable/handsontable.full.js"

>

script

>

head

>

<

body

>

<

div

id="example"

>

div>

<

script

>

vardata =[,,

,,,,

,,];function

negativevaluerenderer(instance, td, row, col, prop, value, cellproperties)

else

if(prop =='

price')

else

if(prop =='

sales')

else

if(prop =='

del'

) );

handsontable.dom.empty(td);

td.style.textalign ='

center';

//居中對齊

return

td; }

}handsontable.renderers.registerrenderer(

'negativevaluerenderer

', negativevaluerenderer);

varhot

=new

handsontable(document.getelementbyid(

'example

'),, ,,,,],

contextmenu: [

'row_above',

'row_below',

'---------',

'remove_row',

'---------',

'undo',

'redo',

'---------',

'make_read_only',

'---------',

'alignment'],

dropdownmenu: [

'filter_by_condition',

'filter_by_value',

'filter_action_bar'],

cells:

function

(row, col, prop) ;

cellproperties.renderer ="

negativevaluerenderer";

return

cellproperties;

},});

script

>

body

>

html

>

需要注意的是在handsontable中,colheaders與columns需要一一對應,資料是根據columns中設定的先後順序載入的,效果如下:

如果contextmenu和dropdownmenu不需要原來元件提供的那麼多選項,可以像**中那樣寫,handsontable也提供重寫方法,可以參考官網:

自定義 如何自定義協議

何為自定義協議,其實是相對標準協議來說的,這裡主要針對的是應用層協議 常見的標準的應用層協議如http ftp smtp等,如果我們在網路通訊的過程中不去使用這些標準協議,那就需要自定義協議,比如我們常用的rpc框架 dubbo,thrift 分布式快取 redis,memcached 等都是自定義...

自定義控制項 自定義鐘錶

private context mcontext 畫筆 private paint mpaint 控制項的寬 private int mwidth x方向的圓心座標 private int center 鐘錶的半徑 private int mradio 圓環的寬 private int stroke...

自定義控制項及自定義屬性

自定義控制項在android開發中的重要性,是不言而喻,眾人皆知的。希望通過這二天的學習,能讓大家了解自定義控制項的原理,熟悉自定義控制項的使用步驟,並能寫出一些普通的效果。內容介紹 1 使用系統控制項,實現自定義的效果,案例有 優酷環形選單 廣告條 viewpager 下拉列表 spinner 2...