Question

我正在使用Grails和jqGrid，并试图让一个相当奇怪的扩展工作：我想让用户上传一个文件，该文件将传递给jqGrid控制器并用于过滤数据。例如，文件是名称列表，网格将被过滤为包含这些名称的行。有没有简单的方法呢？

我一直在尝试将AJAX fileuploader与FormData对象一起使用并尝试将其附加到jqGrid参数。我得到的最接近的是使用以下内容，但我得到了一些奇怪的行为：

<g:form enctype="multipart/form-data" class="upload" name="fileinfo" id="fileinfo">
    <input name="uploadField" id="uploadField" type="file" value="">
    <input id="btnFilterFile" type="button" onclick="addFileFilter()" value="Apply Filter"/>
</g:form>

<table id="theGrid"></table>

<script>
function addFileFilter() {
    var oData = new FormData(document.forms.namedItem("fileinfo"));
    $("#theGrid").setGridParam({ajaxGridOptions: 
        {processData:false, type:'POST', data:oData}});

    $("#theGrid").trigger("reloadGrid");
 }
 </script>

这是我能够获取文件数据到达控制器的唯一方法，但它似乎覆盖了网格中的所有其他搜索/排序/分页参数。如果我定义＆＃34;数据＆＃34; ajax参数是一个关键：对象对，然后网格只是不会重新加载，它甚至不会给我一个错误！如果有人对此有任何建议，我将非常感激！非常感谢！

Answer 1

我最终找到了一个相当奇怪的解决办法，解决了这个问题，虽然可能不是最好的风格：

最大的问题是将FormData对象（文件）从视图传递到控制器要求AJAX调用的“processingData”属性为false。我无法在jqGrid中使用它，所以我做了一个单独的AJAX调用，将FormData对象发送到控制器并将其保存在全局变量中（坏样式！）。另一个选择是将它保存在域中，但全局变量对我来说没问题。然后我的控制器操作只使用全局变量进行过滤。我只需要确保在第一次访问页面时清除全局变量（使用另一个ajax调用）。

以下是视图中的代码示例：

<style>
function clearFileField() {
    $("#uploadField").val("");
    var url="${createLink(controller:"${pageType}",action:'clearFileFilter')}";
    jQuery.ajax({
        async: false,
        url: url,
        type:'POST',
        success: function(data) {
            $("${gridId}").trigger("reloadGrid");
        }
    });
}

function addFileFilter() {
    var oData = new FormData(document.forms.namedItem("fileinfo"));
    var url="${createLink(controller:"${pageType}",action:'saveFileFilter')}";
    jQuery.ajax({
        async: false,
        url: url,
        type:'POST',
        data: oData,
        processData:false,
        contentType: false
    });
    $("${gridId}").trigger("reloadGrid");
}

$( "#btnFilterByHostFile" ).click(function() {
    addFileFilter();
});

$(document).ready(function() {
    clearFileField();
}
</script>

<g:form enctype="multipart/form-data" class="upload" name="fileinfo" id="fileinfo">
    <input name="uploadField" id="uploadField" type="file" value="">
</g:form>

以下是控制器操作：

def static List<String> filterList = new ArrayList()

def saveFileFilter = {
    InputStream is = params.uploadField?.getInputStream()
    def fileString = is.readLines()
    is.close()

    filterList = fileString
    def response = [state: "OK", id: 1]
    render response as JSON
}

def clearFileFilter = {
    filterList = []
    def response = [state: "OK", id: 1]
    render response as JSON
}

然后在jqGrid的控制器操作中，我可以使用“filterList”作为查询的一部分。

将文件传递给jqGrid控制器

1 个答案: