@tkweb/ui-table

VinEditor

const numberEditor = VGridVueEditor(Vue.component("vueEditor", numberComp));

Props

Name	Type	Description	Default
row-index	Number
prop	String
model	Object
column	Object
data	Array
inner-class	String
prop	unknown
model	unknown
column	unknown
row-index	unknown
data	unknown
row-index	unknown
prop	unknown
column	unknown
model	unknown
close	unknown
save	unknown
columns	Array		function() { return []; }
rows	Array		function() { return []; }
row-index	unknown
prop	unknown
column	unknown
model	unknown
close	unknown
save	unknown
title	String		null
theme	String		"compact"
readonly	Boolean		true
columns required	Array
rows required	Array
range	Boolean		true
filter	Boolean		true
data-types	Object
css-style	String
row-headers	Boolean		true
resize	Boolean		true
row-class	String		"rowClass"
css	Object
row-index	unknown
prop	unknown
column	unknown
model	unknown
close	unknown
save	unknown

Data

Name	Type	Description	Initial value
columnTypes	object		{}
hexTokens	object		{"F":{"type":"object","value":{"pattern":{"type":"regexp","value":"/[0-9a-fA-F]/","raw":"/[0-9a-fA-F]/","member":false},"transform":{"type":"ArrowFunctionExpression","value":"(v) => v.toLocaleUpperCase()","raw":"(v) => v.toLocaleUpperCase()","member":false}},"raw":"{\"pattern\":{\"type\":\"regexp\",\"value\":\"/[0-9a-fA-F]/\",\"raw\":\"/[0-9a-fA-F]/\",\"member\":false},\"transform\":{\"type\":\"ArrowFunctionExpression\",\"value\":\"(v) => v.toLocaleUpperCase()\",\"raw\":\"(v) => v.toLocaleUpperCase()\",\"member\":false}}","member":false}}
gridEditors	object		{"vin":{"type":"unknown","value":"VGridVueEditor(Vue.component(\"vueEditor\", VINComp))","raw":"VGridVueEditor(Vue.component(\"vueEditor\", VINComp))","member":false}}
columnTypes	object		{"number":{"type":"NumberColumnType","value":"new NumberColumnType(\"0,0\")","raw":"new NumberColumnType(\"0,0\")","member":false},"currency":{"type":"NumberColumnType","value":"new NumberColumnType(\"$0,0.00\")","raw":"new NumberColumnType(\"$0,0.00\")","member":false},"date":{"type":"VGridDate","value":"new VGridDate()","raw":"new VGridDate()","member":false}}
valid	boolean		true

Computed Properties

Name	Type	Description
computedColumns	unknown	Dependencies: columns, getColumnIcon
vinValue	object	Dependencies: model, prop
isValid	boolean	Dependencies: valid

Events

Name	Description
col-resize	Arguments { type: "aftercolumnresize", id: e.detail[Object.getOwnPropertyNames(e.detail)[0]].id, field: e.detail, width: e.detail[Object.getOwnPropertyNames(e.detail)[0]].size, }: object

Methods

updateText()

Syntax

updateText(): void

updateText()

Syntax

updateText(): void

aftercolumnresize()

Syntax

aftercolumnresize(e: unknown): void

headerclick()

Syntax

headerclick(): void

eventHandler()

Syntax

eventHandler(e: unknown): void

getColumnIcon()

Syntax

getColumnIcon(column: unknown): unknown

focusInput()

Syntax

focusInput(): void

validateVin()

Syntax

validateVin(event: unknown): unknown

updateVIN()

Syntax

updateVIN(event: unknown): void

closeEditor()

Syntax

closeEditor(event: unknown): void