モーダル ダイアログ ブートストラップを更新_表示_削除できません

グリーンブルー

ヘルプが必要です... PHP とモーダル ダイアログ ブートストラップを使用して、挿入/更新/表示/削除フォームを作成しようとしています。なんとか挿入処理できました。ただし、ブートストラップ モーダル ダイアログから更新、表示、および削除することはできません。

データベース接続とプロセス

<?php
define('host', 'localhost');
define('user', 'root');
define('password', '');
define('db_name', 'testing');
$connect = NEW mysqli(host,user,password,db_name) or die (mysqli_error());
if(isset($_POST['add']))
{
$name = $connect->real_escape_string($_POST['name']);
$email = $connect->real_escape_string($_POST['email']);
$address = $connect->real_escape_string($_POST['address']);
if($SQL)
{
?>
<script>
alert('Data Inserted!.');
        window.location.href='crud.php';
   </script>
<?php
    }
}
if(isset($_GET['edit']))
{
$SQL = $connect->query("SELECT * FROM tbl_employee WHERE id=".$_GET['edit']);
$view= $SQL->fetch_array(MYSQLI_BOTH);
}
if(isset($_POST['update']))
{
$SQL = $connect->query("UPDATE tbl_employee SET Nama='".$_POST['name']."', Email='".$_POST['email']."', Address='".$_POST['address']."' WHERE id=".$_GET['edit']);
if($SQL)
{
?>
<script>
alert('Data Updated.');
        window.location.href='crud.php';
   </script>
       <?php
    }
}
if(isset($_GET['delete']))
{
    $SQL = $connect->query("DELETE FROM tbl_employee WHERE id=".$_GET['delete']);
if($SQL)
{
?>
<script>
alert('Data Deleted!.');
        window.location.href='crud.php';
   </script>
<?php
    }
}
?>

<div id="employee_table">
        <table class="table table-bordered">
        <tr>
            <th width=10%>#</th>
            <th width=60%>Employee Name</th>
            <th width=20%>Action</th>
        </tr>
        <?php
        while($row = mysqli_fetch_array($result))
        {
            @$no++;
         ?>    
        <tr>
            <td><?php echo $no; ?></td>
            <td><?php echo $row["name"]; ?></td>
            <td><?php echo $row["email"]; ?></td>
            <td><?php echo $row["address"]; ?></td>
            <td>
            <input type="button" name="view" value="View" id="<?php echo $row["id"]; ?>" class="btn btn-info btn-xs view_data" 
            data-toggle="modal" data-target="#view" />
            <input type="button" name="view" value="Update" id="<?php echo $row["id"]; ?>" class="btn btn-info btn-xs 
            update_data" 
            data-toggle="modal" data-target="#update" />
            <input type="button" name="view" value="Delete" id="<?php echo $row["id"]; ?>" class="btn btn-info btn-xs 
            delete_data" 
            data-toggle="modal" data-target="#delete" />
            </td>
        </tr>
        <?php
        }
        ?>
        </table>
        </div> 

モーダルダイアログを表示

<div id="view" class="modal fade">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4>Employee Details</h4>
        </div>
        <div class="modal-body" id="employee_detail">
        <form method="post" id="insert_form" action="">
<label>Employee name</label>
<input type="text" name="name" id="name" class="form-control" value="<?php if(isset($_GET['update'])){ echo $view['1']; } ?>" readonly="" />
<br>
<label>Employee Address</label>
<textarea name="address" id="address" class="form-control" value="<?php if(isset($_GET['update'])){ echo $view['2']; } ?>"readonly=""></textarea>

        </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        </div>
    </div>
</div>

従業員情報が表示できません

ニディ

このような従業員の詳細を表示することはできません。

詳細を表示するには ajax 呼び出しを使用します。

ビューボタンで割り当てたIDを渡す場所???

PHP が初めての方は、以下のリンクを確認してください。

CRUD 操作に役立ちます。

チュートリアルのリンク: http://www.itechempires.com/2016/03/php-mysql-crud-create-read-update-delete-operations-using-jquery/

デモリンク: http://demos.itechempires.com/php-mysql-crud-operations/

またはこれを使用します:

<input type="button" name="view" value="View" onclick="view_data('<?=$row['name']?>','<?=$row['address']?>')" class="btn btn-info btn-xs view_data"
                     data-toggle="modal" data-target="#view" />

<script type="text/javascript">
     function view_data(name,address) {
          $('#view input[name=name]').val(name);
          $('#view input[name=address]').val(address);
     }

</script>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

単純なTwitterブートストラップモーダルダイアログをポップアップさせることができません

onclickでブートストラップモーダルを更新できません

SeleniumWebdriverのブートストラップモーダルダイアログにアクセスできません

画像はモーダルダイアログブートストラップを開きます

ブートストラップモーダル内にdivを表示できません

スライダーはブートストラップモーダルで画像をロードしません

ブートストラップを使用してモーダルダイアログを表示する方法

Grailsがアップローダープラグインをインストールできません

モーダルはブートストラップを表示しません

ajaxデータでブートストラップモーダルをロードできません

PHP-ブートストラップモーダルダイアログ、日付の選択、CSVのダウンロード-ブラウザにファイルを保存させることができません

ブートストラップモーダルダイアログボックスでURLを開く

何かをアップロードした後、ブートストラップモーダルダイアログの本文を更新します

ブートストラップ:複数のモーダルダイアログを処理します

javascriptでブートストラップモーダルダイアログの却下を検出する方法は?

AngularJSモーダルダイアログポップアップをクリックできません

フラッターボトムシート、ダイアログでスコープモデルを使用できません

角度のあるマテリアルモーダルダイアログでコントローラーのプロパティを設定できません

ブートストラップモーダルポップアップはクリックできません

別のモーダルJFaceダイアログの上にモーダルJFaceダイアログを開く

IOSでは、ブートストラップモーダルのiframeはスクロールできません

SWTで親モーダルダイアログを表示

非モーダルブートストラップダイアログボックスを作成する方法

ブートボックスダイアログモーダルブートストラップ4

WPF。ネストされたモーダルダイアログ

D3データをブートストラップモーダルダイアログに渡す

ブートストラップショーモーダルのDaterangepickerはdateformatを設定できません

ドロップダウンリスト付きのモーダルダイアログは、却下後すぐにフェードアウトしません

AngularJSでのモーダルダイアログの表示

TOP 一覧

  1. 1

    STSでループプロセス「クラスパス通知の送信」のループを停止する方法

  2. 2

    Spring Boot Filter is not getting invoked if remove @component in fitler class

  3. 3

    Python / SciPyのピーク検出アルゴリズム

  4. 4

    セレンのモデルダイアログからテキストを抽出するにはどうすればよいですか?

  5. 5

    tkinterウィンドウを閉じてもPythonプログラムが終了しない

  6. 6

    androidsoongビルドシステムによるネイティブコードカバレッジ

  7. 7

    ZScalerと証明書の問題により、Dockerを使用できません

  8. 8

    VisualStudioコードの特異点/ドッカー画像でPythonインタープリターを使用するにはどうすればよいですか?

  9. 9

    ビュー用にサイズ変更した後の画像の高さと幅を取得する方法

  10. 10

    二次導関数を数値計算するときの大きな誤差

  11. 11

    Ansibleで複数行のシェルスクリプトを実行する方法

  12. 12

    画像変更コードを実行してもボタンの画像が変更されない

  13. 13

    Reactでclsxを使用する方法

  14. 14

    Three.js indexed BufferGeometry vs. InstancedBufferGeometry

  15. 15

    __init__。pyファイルの整理中に循環インポートエラーが発生しました

  16. 16

    PyTesseractを使用した背景色のため、スクリーンショットからテキストを読み取ることができません

  17. 17

    値間の一致を見つける最も簡単な方法は何ですか

  18. 18

    reCAPTCHA-エラーコード:ユーザーの応答を検証するときの「missing-input-response」、「missing-input-secret」(POSTの詳細がない)

  19. 19

    三項演算子良い練習の代わりとしてOptional.ofNullableを使用していますか?

  20. 20

    好き/愛の関係のためのデータベース設計

  21. 21

    エンティティIDを含む@RequestBody属性をSpringの対応するエンティティに変換します

ホットタグ

アーカイブ