如何添加/編輯/刪除MySQL數據庫與jqGrid的

Question

我是一個jQuery/jqGrid的新手...

我有我的jqGrid選擇和正確地顯示我的數據。我也有編輯/添加按鈕在我的網格上添加/編輯數據。但是，我不知道如何讓這些添加/編輯更新MySQL數據庫。有什麼建議麼？

這裏是我的scripts.js中的文件：

$("#table-maintenance-conflicts").jqGrid(
    { 
     url:'maintenanceConflicts.php', 
     editurl:'maintenanceConflicts-edit.php', 
     datatype: 'xml', 
     mtype: 'GET', 
     colNames:['Conflict Code', 'Description', 'Updated By', 'Updated On'], // Set column names of the grid 
     colModel :[ // Set the settings for each individual column of the grid 
      { 
       name:'conflictCode', 
       index:'conflictCode', 
       width:120, 
       align:'center', 
       editable:false, 
      }, 
      {name:'description', index:'description', width:200, editable:true, edittype:"text"}, 
      {name:'updatedBy', index:'updatedBy', width:120, editable:true, edittype:"text", editrules: {required: true}}, 
      {name:'updatedOn', index:'updatedOn', width:120, editable:false, editrules: {required: true}} 
     ], 
     pager: '#pager-maintenance-conflicts', 
     rowNum:10, // To start, the user will see 10 records on the first page 
     rowList:[10,15,20], // How many records is the user able to see per page? 
     sortname: 'conflictCode', 
     sortorder: 'desc', // Order the 'sortname' should be sorted in 
     viewrecords: true, // View the records upon grid startup? or wait until a search? 
     caption: 'Maintenance | Conflicts' // Title of the grid (at the top) 
    }).navGrid('#pager-maintenance-conflicts',{ 
     edit:true, 
     add:true, 
     view:true, 
     del:true, 
     search:true, 
     refresh:true 
    }); 

// ADD 
$("#add_table-maintenance-conflicts").click(function(){ 

    jQuery("#table-maintenance-conflicts").jqGrid('editGridRow',"new",{ 
     mtype: 'POST', 
     reloadAfterSubmit:false, 
     closeAfterAdd:true,   
    }); 

}); 

// EDIT 
$("#edit_table-maintenance-conflicts").click(function(){ 

    var gr = jQuery("#table-maintenance-conflicts").jqGrid('getGridParam','selrow'); 
    if(gr != null) 
     jQuery("#table-maintenance-conflicts").jqGrid('editGridRow',gr,{ 
      mtype: 'POST', 
      reloadAfterSubmit:false, 
      closeAfterEdit:true 
     }); 

}); 

// DELETE 
$("#del_table-maintenance-conflicts").click(function(){ 

    var gr = jQuery("#table-maintenance-conflicts").jqGrid('getGridParam','selrow'); 
    if(gr != null) 
     jQuery("#table-maintenance-conflicts").jqGrid('delGridRow',gr,{ 
      mtype: 'POST', 
      reloadAfterSubmit:false 
     }); 

}); 

這裏是我的maintenanceConflicts-edit.php文件：

<?php 

//include the information needed for the connection to MySQL data base server. 
// we store here username, database and password 
$dbhost = "localhost"; 

$dbuser = "root"; 

$dbpassword = ""; 

$database = "ftdbadmin"; 

// connect to the database 
$db = mysql_connect($dbhost, $dbuser, $dbpassword) or die("Connection Error: " . mysql_error()); 
//echo "Connected to MySQL <br />"; 

// select the database 
mysql_select_db($database) or die("Error conecting to db."); 
//echo "Connected to the selected database: ".$database."<br />"; 

// If we're ADDING 
if($_POST['oper']=='add') 
{ 

} 

// If we're EDITING 
if($_POST['oper']=='edit') 
{ 
    $conflictCode  = mysql_real_escape_string($_POST['conflictCode']); 
    $description = mysql_real_escape_string($_POST['description']); 
    $updatedBy = mysql_real_escape_string($_POST['updatedBy']); 
    // $updatedOn = mysql_real_escape_string($_GET['updatedOn']); 

$SQL = "UPDATE tblconflict SET updatedBy = '".$updatedBy."', description = '".$description."' WHERE conflictCode = ".$conflictCode; 

    echo $SQL; 
    $result=mysql_query($SQL) or die(mysql_error()); 

    mysql_close($db); 
} 

// If we're DELETING 
if($_POST['oper']=='del') 
{ 

} 

?> 

任何幫助將不勝感激！

Answer 1

幾個月前，我在Wiki，Google和這個網站上找到了這個數據。我偶然發現了jQGrid的這個PHP CRUD模板。稍微調整一下，我就可以使用我所有的網格。一旦你開始更多地使用它，你會注意到很多改進和擴展的空間。它應該讓你開始正確的方向。