在數據表的列中的YUI 3渲染下拉列表

Question

我正在嘗試自定義下拉列表中的一列。 這是一個json響應，我要自定義到下拉列表的列的響應是一個數組。 我可以在select和option標記中創建一個字符串，但是在Data表上它恰好顯示為字符串而不是下拉列表。 我不知道我在想什么。

我的下拉格式化程序的代碼片段如下所示：-

var columns =[
    {
        key:'Form Name',
    },
    {
        key:'Form Number',
    },
    {
        key:'Prefix',
    },
    {
        key:'Suffix',
        id:"suffixColumn",
        formatter: function(o){
            console.log(o);
            var suffixArr = o.data.Suffix;
            var mySelect = '<select>';
            for (var count = 0; count < (suffixArr.length); count++) {
                mySelect += "<option value=\"" + count + "\">" + suffixArr[count] + "</option>";
            }
            mySelect+= '</select>';
            console.log(mySelect);
            return(mySelect) ;
        }
    }                                                  
];

Answer 1

在column屬性中添加allowHTML：true，以告訴DataTable不要轉義特殊字符，而只是讓它們作為HTML通過。