1

みなさん、良い一日を。次のように呼び出すことができるように、handsontable 用のカスタム セル タイプを作成したいと思います。

//custom renderer
Handsontable.AttestationRenderer = function (instance, TD, row, col, prop, value, cellProperties) {
  if (Handsontable.helper.isNumeric(value)) {
    if (typeof cellProperties.language !== 'undefined') {
      numeral.language(cellProperties.language)
    }
    value = numeral(value).format(cellProperties.format || '0'); //docs: http://numeraljs.com/
    instance.view.wt.wtDom.addClass(TD, 'htNumeric');
  }
  td.addClass('attestationCell');
  Handsontable.TextRenderer(instance, TD, row, col, prop, value, cellProperties);
};  

//custom cell
Handsontable.AttestationCell = {
  editor: Handsontable.TextEditor,
  renderer: Handsontable.NumericRenderer2,
  validator: Handsontable.NumericValidator,
  dataType: 'number'
};

//here setup the friendly aliases that are used by cellProperties.type
Handsontable.cellTypes = {
  text: Handsontable.TextCell,
  date: Handsontable.DateCell,
  numeric: Handsontable.NumericCell,
  attestation: Handsontable.AttestationCell,
  checkbox: Handsontable.CheckboxCell,
  autocomplete: Handsontable.AutocompleteCell,
  handsontable: Handsontable.HandsontableCell
};

var hotcontainer = $('#example');

hotcontainer.handsontable({
columns: [
        {data : "id", type : "numeric"}
        ,{data : "att", type : "attestation"}
    ]
,data : [{id:1, att : 10},{id:10, att:100}]
});

基本的に、セルと属性にクラスを追加して数値型を拡張します。しかし、現時点ではエラーが発生します:「TypeError:メソッドは関数ではありません」

4

1 に答える 1