Databases
StackOverflow2013
Postsdbo
POSlickgrid Custom MultiSelectEditor Working Only with FireFox 17.0.1
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POSlickgrid Custom MultiSelectEditor Working Only with FireFox 17.0.1
    text
    copied!<p>I've extend SlickGrid's Editor, tu support html Select and MultiSelect. Here is the MultiSelectEditor source:</p> <pre><code>function PickListEditor(args) { var $select; var defaultValue ; var scope = this; this.init = function() { console.log("PickListEditor... SelectValues"); console.log(args.column.columnSelectItems); option_str = "" var length = args.column.columnSelectItems.length; for(var i = 0; i&lt; length ; i++){ var selectOption = args.column.columnSelectItems[i]; if(selectOption["disable"]==true) disable = "disable"; option_str += "&lt;OPTION value='"+selectOption["stringValue"]+"'&gt;"+selectOption["label"]+"&lt;/OPTION&gt;"; } $select = $("&lt;select tabIndex='0' multiple='multiple'&gt;"+ option_str +"&lt;/select&gt;"); console.log(args.container); $select.appendTo(args.container); $(args.container).append($select[0]); console.log($select); console.log($select[0]); $select.focus(); }; this.destroy = function() { $select.remove(); }; this.focus = function() { $select.focus(); }; this.loadValue = function(item) { console.log("loaded Item : "); console.log(item); defaultValue = item[args.column.field]; $select.val(defaultValue); }; this.serializeValue = function() { if(args.column.columnSelectItems){ return $select.val(); }else{ return ""; } }; this.applyValue = function(item,state) { item[args.column.field] = state; }; this.isValueChanged = function() { return ($select.val() != defaultValue); }; this.validate = function() { return { valid: true, msg: null }; }; this.init(); } </code></pre> <p>The multi select work fine on firefox 17.0 . But on chrome 23.0.1271.95 or safari 6.0.2 , I the multiselect is displayed, but I can't select Items.</p> <p>Do someone have any Idea ?</p> <p>Cheers, Boris.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload