PHP jqGrid ile dosya yükleme

1 Cevap php

Ben (Zend Framework projesinde) jqGrid ile dosya yükleme uygulamak çalışıyorum. jqGrid siz yazın "dosyası" bir giriş alanı oluşturmak için izin verir ama enctype = "multipart / form-data" sağlamaz.

Yaratıcısı dosya yükleme işlemek için başka bir eklenti kullanarak önerir, özellikle Ajax File Upload. O onInitializeForm() yöntem ama tam olarak nasıl yapmak için bu benim için açık değil kullanarak başlatılamıyor diyor. Diyor ki,

"Also as I suggest you can use Ajax file upload plugin and intialize it only once in onInitializeForm event."

Ve bunu yapmak için nasıl talimatlar için bu konuda olduğunu.

What I have done so far: I have the jqgrid edit form displaying the file input field and I have all of the various plugin files in place and loading properly. What I cannot figure out is how to get the submitted form to properly upload the file (I guess I can't figure out how to "initialize the ajax file upload plugin with the onInitializeForm event"). Any ideas are greatly appreciated.

Bu uyarının gibi basit bir şey ('test') tetiklemek için ben onInitializeForm alabilirsiniz değer ancak numaraları büyüyen Eğer ızgara (gibi bir şey ilk defa, bir uyarı size ızgara yüklemek dahaki sefere, iki yük her zaman tetikler ne için dahaki sefere, vb) uyarır.

1 Cevap

Cevap olarak şöyle:

<!-- Add your other js files like jQuery, jqGrid etc. -->
<script type="text/javascript" src="js/ajaxfileupload.js"></script>
<script language="javascript">
    $(function() {
        $(document).ready(function() {
            jQuery("#your_grid_id").jqGrid({
                url: 'your_url',
                datatype: 'json',
                mtype: 'post',
                pager: 'your_pager_id',
                colNames: ["Description", "File"],
                colModel: [{name: "desc", index: "desc", ... ... ...}, {name: "file_to_upload", index: "file_to_upload", edittype: "file", ... ... ...}]
            }).navGrid("#your_pager_id",{{... ... ...},{
                jqModal:true,closeAfterEdit: true,recreateForm:true,onInitializeForm : function(formid){
                    $(formid).attr('method','POST');
                    $(formid).attr('action','');
                    $(formid).attr('enctype','multipart/form-data');
                }, afterSubmit : function(response, postdata){
                       $.ajaxFileUpload({
                          url: 'your_file_url_where_upload_operates', 
                          secureuri:false,
                          fileElementId:'file_to_upload',
                          dataType: 'json',
                          success: function (data, status) {
                              alert("Upload Complete.");
                          }
                       });
                   }
                }},{
                jqModal:true,closeAfterAdd: true,recreateForm:true,onInitializeForm : function(formid){
                    $(formid).attr('method','POST');
                    $(formid).attr('action','');
                    $(formid).attr('enctype','multipart/form-data');
                }, afterSubmit : function(response, postdata){
                       $.ajaxFileUpload({
                          url: 'your_file_url_where_upload_operates', 
                          secureuri:false,
                          fileElementId:'file_to_upload',
                          dataType: 'json',
                          success: function (data, status) {
                              alert("Upload Complete.");
                          }
                       });
                   }
                }
            });
        });
    });
</script>

I recreateForm: true her Ekle veya formu yeniden oluşturulur düzenleyin üzerinde olmasını sağlamak için kullanılır.

Henüz sorun varsa, bana sormaya çekinmeyin.

etiketler