flexigrid + php with add and edit button


this is a little example for flexigrid with add and edit button. Original source code of flexigrid could be found at
http://flexigrid.googlecode.com/files/flexigrid-1.1.zip

additional code that I have is :
 function test(com,grid)  
 {  
      if (com=='Delete')  
      {  
        if($('.trSelected',grid).length>0){  
        if(confirm('Delete ' + $('.trSelected',grid).length + ' items?')){  
           var items = $('.trSelected',grid);  
           var itemlist ='';  
           for(i=0;i<items.length;i++){  
                itemlist+= items[i].id.substr(3)+",";  
           }  
           $.ajax({  
             type: "POST",  
             dataType: "json",  
             url: "delete.php",  
             data: "items="+itemlist,  
             success: function(data){  
                alert("Query: "+data.query+" - Total affected rows: "+data.total);  
             $("#flex1").flexReload();  
             }  
            });  
           }  
           } else {  
                return false;  
           }   
      }  
      else if (com=='Add')  
      {                
           $nf("#formadd").dialog('open');            
      }   
      else if (com=='Edit')  
      {  
           if($('.trSelected',grid).length>0){  
                $nf("#formedit").dialog('open');  
           }else{  
                return false;  
           }  
      }       
 }   

add form
by utilizing jquery UI dialog so when add or edit button clicked a new form will be opened.
 var dialogAdd = {  
     modal: true,  
     bgiframe: true,  
     autoOpen: false,  
     height: 370,  
     width: 640,  
     draggable: true,  
     resizeable: true,  
     open: function(com,grid) {              
       //display correct dialog content  
       $("#formadd").load("pembayaran.php");  
     }  
   };  

edit form
source code :  download HERE
demo : HERE
for more information please refer to http://flexigrid.info/

Comments

  1. Great gan...
    ai lop yu pull :))

    ReplyDelete
  2. kereeeeeeeeeeeeeeeeeeeenn bangeeeeeeeeeeeeeeeeeeettzzz booozzz
    makasih yaaa...

    ReplyDelete
  3. Muantab...
    Mkasih...

    ReplyDelete
  4. Good thank u alot It really good

    ReplyDelete
  5. Great! You made it really flexi

    ReplyDelete
  6. gan, mau nanya, kalo buat download sama upload file gmana ya?
    thanks

    ReplyDelete
  7. @kewer-> setahu sy tidak bisa upload file dengan ajax, harus pake library pihak ketiga. klo make framework yii kmren sy pake extension EAjaxUpload

    ReplyDelete
  8. lanjut @kewer,, udah ketemu caranya gan? ane juga perlu nih salah satu kolom mau diisi foto barang. upload filenya gmana ya...

    ReplyDelete

Post a Comment

silahkan berkomentar, kritik dan saran yang membangun adalah harapkan kita semua !

Popular posts from this blog

Data Flow Diagram (DFD)

VERIFIKASI SUARA MENGGUNAKAN METODE MFCC DAN DTW MENGGUNAKAN METODE MFCC DAN DTW (BAB II TINJAUAN PUSTAKA)