jQuery Grid Plugin - jqGrid - Topic: jqgrid and the ajax_upload plugin http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-the-ajax_upload-plugin Simple:Press Version 5.7.5.3 phicarre on jqgrid and the ajax_upload plugin http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-the-ajax_upload-plugin#p12553 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-the-ajax_upload-plugin#p12553 Mark,

Is it possible to see your solution ? mine doesn't work.

var upload;

...

onInitializeForm: function (formid)
                    {
                        var cppass = '<tr id="tr_fileupload" class="FormData" rowpos="4">';
                        cppass += '<td class="CaptionTD ui-widget-content">Photo</td>';
                        cppass += '<td class="DataTD ui-widget-content" style="white-space: pre;">';
                        cppass += ' <input id="fileupload" class="FormElement" type="file" name="fileupload" size="20"/>';
                        cppass += '</td></tr>';
                        $(cppass).insertAfter("#tr_sexe",formid);
                        upload = new AjaxUpload('#fileupload',{action: 'upload.php'});
                    }

...

beforeSubmit: function (aData,formid)
                    {
                        upload.setData(aData);
                        upload.submit();
                       
                        return [true,''];
                    },

]]> Sat, 28 Nov 2009 20:07:48 +0200 markw65 on jqgrid and the ajax_upload plugin http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-the-ajax_upload-plugin#p12543 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-the-ajax_upload-plugin#p12543 I think you're going to have to turn it around, and post the grid data via ajaxfileupload.

So in your beforeSubmit function, you're going to have to copy the postdata to the file upload plugin, and the submit that.

Not sure which file uploader you're using. I've used the one from http://valums.com/ajax-upload/. With that you would just do:

uploader.setData(postdata);

uploader.submit();

But then you would need to prevent the grid from submitting your request too... there doesnt seem to be an easy way to do that. But you /could/ return [false, "OK"] from beforeSubmit. The problem with that is that the grid would put "OK" into the error field - so you would need to hide the error field immediately.

I think you could do that with a setTimeout at the end of your beforeSubmit.

so (untested, but probably close):

beforeSubmit : function(postdata,form) {

    uploader.setData(postdata);

    uploader.submit();

    setTimeout(function() { $("#FormError",form).hide() },0);

    return [false,"OK"];

  }

Mark

]]> Fri, 27 Nov 2009 18:45:46 +0200 phicarre on jqgrid and the ajax_upload plugin http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-the-ajax_upload-plugin#p12540 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-the-ajax_upload-plugin#p12540 Ok, in onItinializeForm, I added the field of type "file". The form layout is correct.

in onclickSubmit, I supposed to get the value of this field and append it to the postdata.

<input id="fileupload" class="FormElement" type="file" name="fileupload" size="20"/>';

How to get the value ? I tried postdata.fileupload but this gives "undefined"

in beforeSubmit, I tried to get the value:

beforeSubmit: function (aData,formid)

{

alert(aData.fileupload);           <---- this gives "undefined"     Normal because the index doesn't exist ?!

...

I also tried $("#fileupload",formid).val() but this gives "undefined"

That was the first problem ...

The second problem is the coexistance between the url of editGridRow and the url of the $.ajaxfileupload plugin.

How to send the data of the form + the extra data with only one url ?

]]> Fri, 27 Nov 2009 17:34:12 +0200 phicarre on jqgrid and the ajax_upload plugin http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-the-ajax_upload-plugin#p12535 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-the-ajax_upload-plugin#p12535 The problem is to implement it with other fields in the same form …

But I think I understood with your answer about "not defined field". I'll try

]]> Fri, 27 Nov 2009 12:01:48 +0200 tony on jqgrid and the ajax_upload plugin http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-the-ajax_upload-plugin#p12504 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-the-ajax_upload-plugin#p12504 Hello,

Maybe you will need to use onInitializeForm event to attach this feature.

Regards

Ton

]]> Fri, 27 Nov 2009 04:06:09 +0200 phicarre on jqgrid and the ajax_upload plugin http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-the-ajax_upload-plugin#p12410 Help http://www.trirand.com/blog/?page_id=393/help/jqgrid-and-the-ajax_upload-plugin#p12410 Tony suggests to use another plugin for the file uploading.

e.g: ajax_upload

I didn't find how to use it in form editing.

Any helps ?

]]> Wed, 25 Nov 2009 05:37:51 +0200