Witam, chcę zrobić kod za pomocą AngularJS, który umożliwi mi sczytanie rekordu z jednej tabeli i dodanie go do drugiej. Robię tak jakby formularz umożliwiający dodanie zlecenia.
Tabela ZLECENIE:
id_zlecenia(PK)
id_klienta(FK)
rodzaj_zlecenia
data_rozpoczecia
Tabela KLIENT
id_klienta(PK)
imie
nazwisko
Chcę by przy tworzeniu formularzu w polu id_klienta można było wybrać klienta, który widnieje już w bazie. Pomoże ktoś stworzyć kod pod listę rozwijaną która sczytuje jeden rekord (w moim przypadku id_klienta) z tabeli1 do tabeli2? Graficznie miałoby to wyglądać tak:
Obecny mój kod (same inputy):
index.php
<!DOCTYPE html>
<!-- index.php !-->
<html>
<head>
<title></title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
</head>
<body>
<br /><br />
<div class="container" style="width:500px;">
<h3 align="center"></h3>
<div ng-app="myapp" ng-controller="usercontroller" ng-init="displayData()">
<label>id_klienta</label>
<input type="text" name="id_klienta" ng-model="id_klienta" class="form-control" />
<br />
<label>id_firmy</label>
<input type="text" name="id_firmy" ng-model="id_firmy" class="form-control" />
<br />
<label>Rodzaj zlecenia</label>
<input type="text" name="rodzaj_zlecenia" ng-model="rodzaj_zlecenia" class="form-control" />
<br />
<label>Data rozpoczecia</label>
<input type="text" name="data_rozpoczecia" ng-model="data_rozpoczecia" class="form-control" />
<br />
<input type="hidden" ng-model="id" />
<input type="submit" name="btnInsert" class="btn btn-info" ng-click="insertData()" value="{{btnName}}"/>
<br /><br />
<table class="table table-bordered">
<tr>
<th>id_klienta</th>
<th>id_firmy</th>
<th>Rodzaj zlecenia</th>
<th>Data rozpoczecia</th>
<th>Zaktualizuj</th>
</tr>
<tr ng-repeat="x in names">
<td >{{x.id_klienta}}</td>
<td>{{x.id_firmy}}</td>
<td>{{x.rodzaj_zlecenia}}</td>
<td>{{x.data_rozpoczecia}}</td>
<td><button ng-click="updateData(x.id, x.id_klienta, x.id_firmy, x.rodzaj_zlecenia, x.data_rozpoczecia)" class="btn btn-info btn-xs">Zaktualizuj</button></td>
</tr>
</table>
</div>
</div>
</body>
</html>
<script>
var app = angular.module("myapp",[]);
app.controller("usercontroller", function($scope, $http){
$scope.btnName = "Dodaj";
$scope.insertData = function(){
if($scope.id_klienta == null)
{
alert("Musisz podać id_klienta");
}
else if($scope.id_firmy == null)
{
alert("Musisz podać id_firmy");
}
else if($scope.rodzaj_zlecenia == null)
{
alert("Musisz podać rodzaj_zlecenia");
}
else if($scope.data_rozpoczecia == null)
{
alert("Musisz podać data_rozpoczecia");
}
else
{
$http.post(
"insert.php",
{'id_klienta':$scope.id_klienta, 'id_firmy':$scope.id_firmy, 'rodzaj_zlecenia':$scope.rodzaj_zlecenia, 'data_rozpoczecia':$scope.data_rozpoczecia, 'btnName':$scope.btnName, 'id':$scope.id}
).success(function(data){
alert(data);
$scope.id_klienta = null;
$scope.id_firmy = null;
$scope.rodzaj_zlecenia = null;
$scope.data_rozpoczecia = null;
$scope.btnName = "Dodaj";
$scope.displayData();
});
}
}
$scope.displayData = function(){
$http.get("select.php")
.success(function(data){
$scope.names = data;
});
}
$scope.updateData = function(id, id_klienta, id_firmy, rodzaj_zlecenia, data_rozpoczecia){
$scope.id = id;
$scope.id_klienta = id_klienta;
$scope.id_firmy = id_firmy;
$scope.rodzaj_zlecenia = rodzaj_zlecenia;
$scope.data_rozpoczecia = data_rozpoczecia;
$scope.btnName = "Zaktualizuj";
}
});
</script>
select.php
<?php
//select.php
$connect = mysqli_connect("localhost", "root", "", "sampledb");
$output = array();
$query = "SELECT * FROM zlecenie";
$result = mysqli_query($connect, $query);
if(mysqli_num_rows($result) > 0)
{
while($row = mysqli_fetch_array($result))
{
$output[] = $row;
}
echo json_encode($output);
}
?>
insert.php
<?php
//insert.php
$connect = mysqli_connect("localhost", "root", "", "sampledb");
$data = json_decode(file_get_contents("php://input"));
if(count($data) > 0)
{
$id_klienta = mysqli_real_escape_string($connect, $data->id_klienta);
$id_firmy = mysqli_real_escape_string($connect, $data->id_firmy);
$rodzaj_zlecenia = mysqli_real_escape_string($connect, $data->rodzaj_zlecenia);
$data_rozpoczecia = mysqli_real_escape_string($connect, $data->data_rozpoczecia);
$query = "INSERT INTO zlecenie(id_klienta, id_firmy, rodzaj_zlecenia, data_rozpoczecia) VALUES ('$id_klienta', '$id_firmy', '$rodzaj_zlecenia', '$data_rozpoczecia')";
if(mysqli_query($connect, $query))
{
echo "Data Inserted...";
}
else
{
echo 'Error';
}
}
?>