Answers

• teriblus Posts: 4Questions: 1Answers: 0

  May 2016

  I'm trying to have a form control like this one : http://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_color
• teriblus Posts: 4Questions: 1Answers: 0

  May 2016

  I made a plugin for that :

  '''
  (function (factory) {
  if (typeof define === 'function' && define.amd) {
  // AMD
  define(['jquery', 'datatables', 'datatables-editor'], factory);
  }
  else if (typeof exports === 'object') {
  // Node / CommonJS
  module.exports = function ($, dt) {
  if (!$) {
  $ = require('jquery');
  }
  factory($, dt || $.fn.dataTable || require('datatables'));
  };
  }
  else if (jQuery) {
  // Browser standard
  factory(jQuery, jQuery.fn.dataTable);
  }
  }(function ($, DataTable) {
  'use strict';

  if (!DataTable.ext.editorFields) {
      DataTable.ext.editorFields = {};
  }
  
  var _fieldTypes = DataTable.Editor ?
      DataTable.Editor.fieldTypes :
      DataTable.ext.editorFields;
  
  
  _fieldTypes.color = {
      create: function (conf) {
          conf._input = $('<input/>')
              .attr($.extend({
                  id: conf.id,
                  type: 'color'
              }, conf.attr || {}));
  
  
          return conf._input[0];
      },
  
      get: function (conf) {
          return conf._input.val();
      },
  
      set: function (conf, val) {
          conf._input.val(val)
      },
  
      enable: function (conf) {
          conf._input.prop('disabled', true);
      },
  
      disable: function (conf) {
          conf._input.prop('disabled', false);
      }
  };
  

  }));

  '''
• fernaog Posts: 1Questions: 0Answers: 0

  June 2016

  Thanks, this helped me.
• allan Posts: 65,676Questions: 1Answers: 10,924 Site admin

  June 2016 Answer ✓

  You can use the attr option of the input type:

  {
    label: "Couleur :",
    name: "color",
    attr: {
      type:'color'
    }
  }
  

  Allan