YUI3在数据表的一列中呈现下拉列表

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

在列属性中添加allowHTML:true，告诉DataTable不要转义特殊字符，只需将它们作为HTML通过即可。