HandsOnTable 많은 수의 행이있는 드롭 다운

Question

HandsOnTable을 사용하는 경우 이상한 동작이 발생했습니다. 많은 행으로 구성된 드롭 다운이 있습니다.

처음으로 드롭 다운을 클릭 할 때 모든 행이 표시되는 것은 아닙니다. 두 번 클릭하면 작동합니다. Chrome, IE, Safari 및 Firefox에서도 동일한 기능을합니다.

JSFiddle에서 전체 코드를 볼 수 있습니다.

http://jsfiddle.net/nt001ymn/15/

$(document).ready(function() { 

    function getCarData() { 
    return [ 
     ["Nissan", 2009, "black", "black"], 
     ["Nissan", 2006, "blue", "blue"], 
     ["Chrysler", 2004, "yellow", "black"], 
     ["Volvo", 2012, "white", "gray"] 
    ]; 
    } 

    $("#example1").handsontable({ 
    data: getCarData(), 
    startRows: 7, 
    startCols: 4, 
    colHeaders: ["Car", "Year", "Chassis color", "TEST"], 
    columns: [ 
     {}, 
     {type: 'numeric'}, 
     { 
     type: 'dropdown', 
     source: ["yellow", "red", "orange", "green", "blue", "gray", "black", "white"] 
     }, 
     { 
     type: 'dropdown', 
     source: ["Lots of data!", ... ... "LAST LINE" 
       ] 
     } 
    ] 
    }); 


}); 

편집 : 그 동안 내가 프로그래밍 두 번 드롭 다운을 클릭하여 자바 스크립트를 사용하고 있습니다. 실제로 솔루션은 아니지만 사용자에게 끊임없는 경험을 제공합니다.

Answer 1

나는 그것이 단 한 번의 클릭에 대한 아니라 전체 셀에 대해 작동합니다 당신은 화살표 버튼을 아래로 클릭 할 필요가 자동 완성 유형

var lotOfData = JSON.parse($('<div/>').html($('#textAreaData').val()).text()); 

... 

    type: 'autocomplete', 
    source: lotOfData 
} 
... 

< textarea id="textAreaData" >...<textarea>