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传递即可。

YUI 3渲染下拉数据表中的列

1 个答案: