0

私はjavascriptでcrudアプリケーションUIを作成していますが、これをどのように行うことができるのか疑問に思っていました。基本的に、挿入したばかりのレコードを編集できるようにしたいのです。たとえば、jqgridやextjsなどのグリッドでは、これが可能であり、私はそれがどのように達成されるかを理解するのに苦労しています。プレーンなphpとhtmlでは、私は次のような隠された値を保持する隠された入力を持っているでしょう

<input name="id" type="hidden" id="id" value="<? echo $rows['id']; ?>">

私は通常何が起こるかを調査するために使用しているこのフィドルを持っていますhttp://jsfiddle.net/thiswolf/EgHP7/

編集：

これは私が新しいレコードを挿入する方法です

$.ajax({
        type: "POST",
  url: "update_data.php",
   data: dataString,
  cache: false,
  success: function(html){

  $("ol#update").prepend(html);
  $("ol#update li:first").slideDown("slow");
   document.getElementById('content').value='';
  $("#flash").hide();

  }
 });

これはphpファイルです

<?php
include('db.php');
if(isSet($_POST['content']))
{
$content=$_POST['content'];
mysql_query("insert into messages(msg) values ('$content')");
$sql_in= mysql_query("SELECT msg,msg_id FROM messages order by msg_id desc");
$r=mysql_fetch_array($sql_in);
$msg=$r['msg'];
$msg_id=$r['msg_id'];
}
?>

<li class="bar<?php echo $msg_id; ?>">
<div align="left">
<span class="hello" id="<?php echo $msg_id; ?>" style=" padding:10px"><?php echo $msg; ?> </span>
<span class="delete_button">
<a href="#" id="<?php echo $msg_id; ?>"  class="update_btn">Edit</a>
<a href="#" id="<?php echo $msg_id; ?>" class="delete_update">Delete</a>
</span>
</div>
</li>
4

1 に答える 1

1

一時IDなどの値を使用しDate.now()て、その値をデータベースに挿入し、おそらくLocalStorageを使用してクライアント側に挿入し、編集する場合は、その値をデータベース内の値と比較するだけです。

于 2012-07-18T14:08:53.037 に答える