Question

我已经使用datatables.editable和Jeditable实现了一个jquery Datatable。我可以将文本区域用作可编辑字段，但是在设置“选择”作为可编辑字段时遇到问题。

我有以下代码来初始化可编辑的内容：

oTable.makeEditable({  
    sUpdateURL: "../ReconService.asmx/UpdateUser",  
    "aoColumns": [  
        null,  
        null,  
        {  
            indicator: 'Updating user...",  
            tooltip: "Change user",  
            type: "select",  
            submit: "Save",  
            data: getUserFilterOptions()  
        } 
    ]   
});

然后我有一个javascript / jquery函数来获取数据库中的用户列表。在函数中我尝试了许多不同的东西。现在的功能是手动将字符串组装为网站jeditable

上指定的格式

我的功能如下：

function getUserFilterOptions() { 
    $.ajax({  
        type:"POST",  
        contentType: "application/json; charset=utf-8",  
        url: "../ReconService.asmx/GetUsers",  
        dataType: "json",  
        success: function(result){  
            var userResult = result.d;  
            if (userResult.length > 0){  
                var text = "{'Select':'Select',";  
                $.each(userResult, function(index, val) {  
                    text += "'";  
                    text += val["value"];  
                    text += "':'";  
                    text += val["value"];  
                    text += "'";  
                    text += ",";  
                });  
                text += "'selected:'Select'}";  
                return text;  
            }  
        },  
    }); 
}

我使用了Chrome中的开发者工具来逐步完成该功能，该函数返回以下字符串：
＆＃34; {＆＃39;选择＆＃39;：＆＃39;选择＆＃39;＆＃39;管理员＆＃39;：＆＃39;管理员＆＃39;＆＃39;用户1＆＃39 ;: ＆＃39;用户1＆＃39;，＆＃39;已选择＆＃39;：＆＃39;选择＆＃39;}＆＃34;
据我所知，格式是正确的，但当我点击可编辑的表格单元格时，我收到一个错误：

Uncaught SyntaxError：意外的输入结束 jquery.jeditable.mini.js：34 $ .editable.types.select.content jquery.jeditable.mini.js：34 $ .fn.editable.each.reset.self.editing jquery.jeditable.mini.js：18 jQuery.event.dispatch jquery-1.8.3.js：3058 jQuery.event.add.elemData.handle.eventHandle 的jquery-1.8.3.js：2676

令人困惑的是，如果我复制该字符串值并将其直接放入jeditable的data参数中，它可以正常工作。我甚至创建了一个函数来返回这个文字字符串，它工作正常。

示例，替换函数的内容如下：

function getUserFilterOptions(){  
    return "{'Select':'Select','Administrator':'Administrator','User1':'User 1','selected':'Select'}"  
}

这很好用。

我不是javascript的专家，所以非常感谢任何帮助。

Answer 1

您应该将ajax请求的类型从异步更改为同步，如下所示：

function getUserFilterOptions() { 
  return $.ajax({  
    type:"POST",  
    contentType: "application/json; charset=utf-8",  
    url: "/url",  
    dataType: "json",  
    async: false,
  }).responseText;
}

我试图从服务器返回你的json，但它确实有效。

jeditable：使用Selects时出错

1 个答案: