jqGrid uses a jQuery Java Script Library and is written as plugin for that package. For more information on jQuery, please refer to the jquery website.

Script HTML :

<script type="text/javascript" src="js/jquery.js"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery.jqGrid.js" type="text/javascript"></script>

...

<table id="list1" class="scroll" cellpadding="0" cellspacing="0">
</table>
<div id="pager1" class="scroll" style="text-align:center;">
</div>

Script jQuery :

jQuery("#list1").jqGrid({
url:'server.php?q=1',
datatype: "xml",
colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
colModel:[
 {name:'id',index:'id', width:55},
 {name:'invdate',index:'invdate', width:90},
 {name:'name',index:'name', width:100},
 {name:'amount',index:'amount', width:80, align:"right"},
 {name:'tax',index:'tax', width:80, align:"right"},
 {name:'total',index:'total', width:80,align:"right"},
 {name:'note',index:'note', width:150, sortable:false}
 ],
 rowNum:10, rowList:[10,20,30],
 imgpath: gridimgpath,
 pager: jQuery('#pager1'),
 sortname: 'id',
 viewrecords: true,
  sortorder: "desc",
 caption:"XML Example", editurl:"someurl.php"
 }).navGrid('#pager1',{
 edit:false,
 add:false,
 del:
 false
});

Script PHP :

$page = $_GET['page']; // get the requested page
$limit = $_GET['rows']; // get how many rows we want to have into the grid
$sidx = $_GET['sidx']; // get index row - i.e. user click to sort
$sord = $_GET['sord']; // get the direction
if(!$sidx) $sidx =1;
// connect to the database
$db = mysql_connect($dbhost, $dbuser, $dbpassword)
or die("Connection Error: " . mysql_error()); 

mysql_select_db($database) or die("Error conecting to db.");
$result = mysql_query("SELECT COUNT(*) AS count FROM invheader a, clients b WHERE a.client_id=b.client_id");
$row = mysql_fetch_array($result,MYSQL_ASSOC);
$count = $row['count'];

if( $count >0 )
{
 $total_pages = ceil($count/$limit);
}
else
{
$total_pages = 0;
}

if ($page > $total_pages) $page=$total_pages;
$start = $limit*$page - $limit; // do not put $limit*($page - 1)
$SQL = "SELECT a.id, a.invdate, b.name, a.amount,a.tax,a.total,a.note FROM invheader a, clients b WHERE a.client_id=b.client_id ORDER BY $sidx $sord LIMIT $start , $limit";
$result = mysql_query( $SQL ) or die("Couldn?t execute query.".mysql_error());  

if ( stristr($_SERVER["HTTP_ACCEPT"],"application/xhtml+xml") )
{
header("Content-type: application/xhtml+xml;charset=utf-8");
}
else
{
header("Content-type: text/xml;charset=utf-8");
}
$et = ">";
echo "<?xml version='1.0' encoding='utf-8'?$et\n";
echo "<rows>";
echo "<page>".$page."</page>";
echo "<total>".$total_pages."</total>";
echo "<records>".$count."</records>"; 

// be sure to put text data in CDATA
while($row = mysql_fetch_array($result,MYSQL_ASSOC))
{
echo "<row id='". $row[id]."'>";
echo "<cell>". $row[id]."</cell>";
echo "<cell>". $row[invdate]."</cell>";
echo "<cell><![CDATA[". $row[name]."]]></cell>";
echo "<cell>". $row[amount]."</cell>";
echo "<cell>". $row[tax]."</cell>";
echo "<cell>". $row[total]."</cell>";
echo "<cell><![CDATA[". $row[note]."]]></cell>";
echo "</row>";
}
echo "</rows>";

Langkah-langkahnya adalah sebagai berikut :
misal diasumsikan kita menggunakan OS Windows dengan XAMPP terinstal di C:/xampp. dan file CI kita taruh di C:/xampp/htdocs/tes/ci_mod_rewrite/

1. Buat file .htaccess.
2. Rubah isi variabel konfigurasi $config['index.php'] = ”;
3. Pastikan modul mod_rewrite apache ada dan sudah dikonfigurasi.

Berikut isi file .htaccess-nya :

Options FollowSymLinks

<IfModule mod_rewrite.c>
	RewriteEngine on
	RewriteRule ^([a-zA-Z0-9\-\_/]*)$ /tes/ci_mod_rewrite/index.php?$1/ [L]
</IfModule>

file source nya berisi file CI + file .htaccess = download

Pertama kita siapkan dulu tabel-tabel yang diperlukan :
1. tabel propinsi dengan struktur sebagai berikut :

- id
- nama_propinsi

2. tabel kabupaten dengan struktur sebagai berikut ;

- id
- id_propinsi
- nama_kabupaten

dump tabel dalam format sql dapat di download di sini

di view-nya seperti ini (data propinsi saya hardcode kalo mau ringkas silahkan pakai query database saja) :

			echo "<p> <label> Propinsi : </label>";
			$options = array(
				'1'=>'DKI Jakarta',
				'10'=> 'Jawa Barat',
				'11'=> 'Jawa Tengah',
				'13'=> 'DI Yogyakarta',
				'12'=> 'Jawa Timur',
				'1'=> 'Nanggroe Aceh Darussalam',
				'2'=> 'Sumatera Utara',
				'3'=> 'Sumatera Barat',
				'4'=> 'Riau',
				'5'=> 'Jambi',
				'6'=> 'Sumatera Selatan',
				'8'=> 'Lampung',
				'14'=> 'Kalimantan Barat',
				'15'=> 'Kalimantan Tengah',
				'16'=> 'Kalimantan Selatan',
				'17'=> 'Kalimantan Timur',
				'18'=> 'Sulawesi Utara',
				'19'=> 'Sulawesi Tengah',
				'21'=> 'Sulawesi Selatan',
				'20'=> 'Sulawesi Tenggara',
				'25'=> 'Maluku',
				'22'=> 'Bali',
				'23'=> 'Nusa Tenggara Barat',
				'24'=> 'Nusa Tenggara Timur',
				'33'=> 'Papua',
				'7'=> 'Bengkulu',
				'28'=> 'Banten',
				'32'=> 'Maluku Utara',
				'29'=> 'Bangka Belitung',
				'30'=> 'Gorontalo',
				'31'=> 'Irian Jaya Barat',
				'32'=> 'Kepulauan Riau'
			);
			$js='onChange="getCity(\'getCity/\'+this.value)"';
			echo form_dropdown('alamat_propinsi', $options, '01',$js);

			echo "<p> <label>Kabupaten : </label></p>";
			echo "<div id=\"kabupaten\"><br /></div>";

kemudian file js nya (saya taruh di /public/js/ajax.js)

function getXMLHTTP() {
var xmlhttp=false;
try{
xmlhttp=new XMLHttpRequest();
}
catch(e) {
try{
xmlhttp= new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e){
try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e1){
xmlhttp=false;
}
}
}
return xmlhttp;
}
function getCity(strURL) {
var req = getXMLHTTP();
if (req) {
req.onreadystatechange = function() {
if (req.readyState == 4) {
// only if “OK”
if (req.status == 200) {
document.getElementById('kabupaten').innerHTML=req.responseText;
} else {
alert("There was a problem while using XMLHTTP:\n" + req.statusText);
}
}
}
req.open("GET", strURL, true);
req.send(null);
}
}

kemudian di model nya :

	function getCity()
	{
		$id_prop = $this->uri->segment(3);
		$data_kab = $this -> mrumahtangga -> getKabupaten($id_prop);

		if (!empty($data_kab)){
		$data_kabupaten = '<p><select name=\'alamat_kabupaten\' >';
		foreach($data_kab as $data){
			$data_kabupaten .= '<option value=\''.$data.'\'>'.ucfirst(strtolower($data)).'</option>';
		}
		$data_kabupaten .= '</select></p>';
		}else{
			$data_kabupaten = '<input type="text" name="alamat_kabupaten" value='.$data.' id="alamat_kabupaten" size="60"  />';
		}
		echo $data_kabupaten;

	}

ok segitu dulu ntar saya bikinkan penjelasannya yang lebih detail

referensi diambil dari :
- http://www.bengkelprogram.com/data-artikel-330.0.bps
- http://ucid.wordpress.com/2009/03/27/ajax_codeigniter/

kode program selengkapnya dapat didownload di sini

for ($i = 1;$i <= 10 ; $i++) {
     echo 'tes';
}

syntax highlighting di wordpress.com
pake “” trus ditutup pake “[/code.]“

Download :

1. Download PCMAV 2.0b Terbaru (Mei 2009) disini.
atau di :
2. Download PCMAV 2.0b Terbaru (Mei 2009) disini.

Rilis terbaru PC MAV 2.0a pada April 2009 ini mampu mengenali dan mengatasi 2660 virus beserta variannya yang banyak dilaporkan menyebar luas di seluruh pelosok Indonesia, termasuk 3 varian utama dari virus conficker.

PCMAV 2.0a kali ini juga telah dipersenjatai dengan RootScan Engine yang dibuat khusus untuk dapat mengenali dan membasmi secara tuntas virus berteknologi rootkit atau siluman semacam conficker yang sebelumnya telah terdapat pada PCMAV Express for Conficker. Dan beberapa bug yang terdapat pada RealTime Protector yang menyebabkan kurang sempurnanya PC MAV pada Vista juga telah diperbaiki.

Download :

1. Download PCMAV 2.0a Terbaru (April 2009) disini.
atau di :
2. Download PCMAV 2.0a Terbaru (April 2009) disini.

Teman Bicara

Dua Manusia

Diam