0
j'ai de travail du projet PhoneGap mobile utilisation jquery ..Comment puis-je obtenir les données détaillées suivantes et précédentes à partir de jview JavaScript de listview?
j'ai 3 données sur le terrain
- id_kategori
- nama_kategori
- buku_kategori
j'ai données montrent de listview nama_kategori utilisation mais juste afficher la liste de nama _kategori ..
je veux demander comment puis-je obtenir les données détaillées suivantes et précédentes de listview JSON JavaScript?
dbconnect.php
<?php
class DBConnect
{
public $host;
public $user;
public $pass;
public $perintah;
public $database;
public $koneksi;
function __construct()
{
$this->host="localhost";
$this->user="root";
$this->pass="";
$this->koneksi=mysql_connect($this->host,$this->user,$this->pass);
if(!$this->koneksi)
{
echo "Koneksi gagal";
exit();
}
$this->database="db_services";
$q=mysql_select_db($this->database,$this->koneksi);
if(!$q)
{
echo "Database tidak ditemukan";
}
}
public function GetKategori()
{
$this->perintah = mysql_query("select * from tbl_kategori");
while($r=mysql_fetch_array($this->perintah))
{
$arr[] = $r;
}
echo '{"items":'. json_encode($arr).'}';
}
}
header("content-type: application/json");
$db = new DBConnect();
$db->GetKategori();
?>
Kategori.js
$(document).ready(function() {
$('#loading').show();
get_data();
function get_data(){
var AmbilData;
$.ajax({
type : 'GET',
url : 'http://localhost/cb1/DBConnect.php',
async: true,
beforeSend: function(x) {
if(x && x.overrideMimeType) {
x.overrideMimeType("application/j-son;charset=UTF-8");
}
},
dataType : 'json',
success : function(data){
AmbilData = data.items;
$('#loading').hide();
$('#tampilData').show();
$.each(AmbilData, function(index, loaddata) {
$('#dataList').append(
'<li data-role="list-divider" data-theme="a" class="listview-custom"><a onClick="alert(\''+ loaddata.nama_kategori + '\');" data-ajax="false">'+ loaddata.nama_kategori + '</a></li>');
});
},
error: function(jqXHR, exception) {
$('#loading').hide();
$('#gagal').show();
}
});
}
});
kategori.html
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<script src="js/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.7.1.min.js"><\/script>')</script>
<script src="js/kategori.js"></script>
<style type="text/css">
.listview-custom{
padding: 10px;
border-bottom: 1px solid #ccc;
}
.listview-custom a{
text-decoration: none;
color: #333;
}
</style>
</head>
<body>
<div data-role="page">
<div data-role="header" data-position="fixed">
<h1>Data Kategori</h1>
</div>
<div data-role="content">
<div id="loading" style="display:none;text-align:center;">
<b>Sabar Brow...!</b>
<br><br>
<img src="loading.gif">
</div>
<div id="gagal" style="display:none;text-align:center;color:#F00;">
<div class="alert alert-danger">
<strong>Koneksi ente ngenesss broww...</strong>
</div>
</div>
<div id="tampilData" style="display:none;">
<ul id="dataList" data-role="listview" data-divider-theme="a">
</ul>
</div>
</div>
<div data-role="footer" data-position="fixed">
<h4>Data Kategori</h4>
</div>
</div>
</body>
</html>
... merci