Giter VIP home page Giter VIP logo

handsontable-custom-editor's Introduction

Handsontable custom editor

Add more avaliable Editor type of handsontable.

How about handsontable.

Avaliable editor

Version

0.2.1

Change log

0.2.1

  • Add special option autoPosition for dependency lib (pickadate) for datepicker.

0.2.0

  • Add editor advance-autocomplete.
  • Change dependency lib for editor datepicker.
  • Change distribution file name.

0.1.0

  • Init project.
  • Add editor datepicker.

Quick Start

// css
<link rel="stylesheet" href="jquery.handsontable.full.min.css">
<!--
Include dependency CSS
<link rel="stylesheet" href="dependency css..">
...
-->

// js
<script src="moment.js"></script> <!-- if you want to set date format -->
<script src="jquery.min.js"></script>
<!--
Include dependency JS
<script src="dependency js..."></script>
...
-->
<script src="jquery.handsontable.full.js"></script>
<script src="jquery.handsontable-custom-editor.js"></script>

Example option (columns)

// datepicker
{
  editor: 'datepicker',
  options: {
    autoPosition: true
  },
  validator: function(value, callback) { // validator date format (mmm dd, yyyy)
    if ( /^(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)\s\d{2},\s\d{4}$/i.test(value) ) {
      callback(true);
    }
    else {
      callback(false);
    }
  }
}

Note

  • If you use editor like advance-autocomplete or datepicker and you don't see editor dependency UI, try to update dependency lib for latest version or config option something like container (Example: http://amsul.ca/pickadate.js/date.htm#container)

handsontable-custom-editor's People

Contributors

ratchagarn avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.