1

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

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

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 中的开发人员工具单步执行该函数，该函数返回以下字符串：
“{'Select':'Select','Administrator':'Administrator','User1':'User 1','selected ':'Select'}"
据我所知，格式是正确的，但是当我单击可编辑的表格单元格时出现错误：

Uncaught SyntaxError: Unexpected end of input 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 的数据参数中，它就可以正常工作。我什至创建了一个函数来返回这个文字字符串，它工作正常。

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

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

这工作正常。

我不是 javascript 专家，因此非常感谢任何帮助。

4

1 回答 1

0

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

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

我试图从服务器返回你的 json 并且它有效。

于 2012-12-12T18:03:00.127 回答