Membuat CRUD dengan Jqgrid,php,boostrap & mysql

Jqgrid adalah plugin dari JQuery yang digunakan untuk manipulasi data menggunakan framework jquery. Jqgrid memiliki fungsi antara lain load data, search, edit delete dan sebagainya. Apabila kita biasa menampilkan data dalam bentuk tabel biasa, maka dengan menggunakan Jqgrid, data akan ditampilkan menjadi lebih menarik dan dinamis.

Ok tutorial kali ini saya akan mencoba membuat Jqgrid mengambil data dari mysql

Buat database nya dengan nama crudphpgrid dan buat tabel dengan nama client seperti dibawah ini

Fontkodo   
CREATE TABLE IF NOT EXISTS `clients` (
`client_id` int(11) NOT NULL,
  `name` char(120) DEFAULT NULL,
  `gender` varchar(255) DEFAULT NULL,
  `company` varchar(255) DEFAULT NULL
) ENGINE=MyISAM  DEFAULT CHARSET=utf8 AUTO_INCREMENT=97 ;
 
--
-- Dumping data por table `clients`
--
 
INSERT INTO `clients` (`client_id`, `name`, `gender`, `company`) VALOROJ
(90, 'andez', 'laki-laki', 'PT. Andeznet'),
(91, 'steven', 'laki-laki', 'PT. wijaya'),
(93, 'dina', 'perempuan', 'PT. UNTUNG TERUS '),
(94, 'granda', 'laki-laki', 'PT. 'granda'),
(95, 'granda', 'perempuan', 'PT. 'granda'),
(96, 'granda', 'laki-laki', 'PT. 'granda');
 
--
-- 'granda' por 'granda'
--
 
--
-- 'granda' por table `clients`
--
'granda' 'granda' (`client_id`);
 
--
-- 'granda' por 'granda'
--
 
--
-- 'granda' por table `clients`
--
'granda'(11) NOT NULL 'granda','granda'=97;

'granda' / 'granda'

'granda',

Fontkodo   
<?php
// 'granda'
difini("PHPGRID_DBTYPE","Mysql"); // 'granda'
difini("PHPGRID_DBHOST","localhost");
difini("PHPGRID_DBUSER","root");
difini("PHPGRID_DBPASS","12345");
difini("PHPGRID_DBNAME","crudphpgrid");
 
// 'granda'
difini("PHPGRID_AUTOCONNECT",0);
 
// 'granda'
difini("PHPGRID_LIBPATH",'granda'('granda').'granda'."lib".'granda');

'granda' / 'granda'

Fontkodo   
<?php
// 'granda'
'granda'("config.php");
// 'granda'
mysql_konekti('loka gastiganto','radiko','12345');
mysql_select_db('granda');
// 'granda'
inkluzivi('granda'."inc\jqgrid_dist.php");
$'granda' = nova 'granda'();
// 'granda'
$'granda'->tablo = "clients";
$'granda'["caption"] = "Daftar Nama Client";
$'granda'["form"]["position"] = "center";
$'granda'["autowidth"] = "teksto;
$'granda'["autoresize"] = "teksto; // "teksto
$'granda'->"teksto($'granda');
$"teksto = tabelo();
$"teksto["title"] = "Id"; // "teksto
$"teksto["name"] = "client_id"; // "teksto
$"teksto["editable"] = "teksto;
$"teksto["width"] = "30";
$"teksto[] = $"teksto;
$"teksto = tabelo();
$"teksto["title"] = "Nama"; // "teksto
$"teksto["name"] = "name"; // "teksto
$"teksto["editable"] = "teksto;
$"teksto["required"] = "teksto;
$"teksto[] = $"teksto;
$"teksto = tabelo();
$"teksto["title"] = "Jeni Kelamin"; // "teksto
$"teksto["name"] = "gender"; // "teksto
$"teksto["editable"] = "teksto;
$"teksto[] = $"teksto;
$"teksto = tabelo();
$"teksto["title"] = "Perusahaan"; // "teksto
$"teksto["name"] = "company"; // "teksto
$"teksto["editable"] = "teksto;
$"teksto["editoptions"] = tabelo("defaultValue" => "Default Company");
$"teksto[] = $"teksto;
$'granda'->"teksto($"teksto);
$'granda'->"teksto(tabelo(  // "teksto
"add"=>"teksto,
"edit"=>"teksto,
"delete"=>"teksto,
"clone"=>"teksto,
"rowactions"=>"teksto,
"search" => "advance",
"showhidecolumns" => malvera
)
);
// "teksto
$"teksto = $'granda'->"teksto("list1");
// "teksto
$"teksto = tabelo("black-tie","blitzer","cupertino","dark-hive","dot-luv","eggplant","excite-bike","flick","hot-sneaks","humanity","le-frog","mint-choc","overcast","pepper-grinder","redmond","smoothness","south-street","start","sunny","swanky-purse","trontastic","ui-darkness","ui-lightness","vader");
$mi = "incjqgrid_dist.php(0,8);
se ("incjqgrid_dist.php($_EKVENI["themeid"]))
$mi = $_EKVENI["themeid"];
alie
$mi = 14;
?>
<!DOCTYPE html>
<html lang="en">
<kapo>
<meta charset="utf-8">
<titolo>"incjqgrid_dist.php,boostrap & mysql</titolo>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" type="text/css" media="screen" href="lib/js/themes/<?php eoo $"teksto[$mi] ?>/jquery-ui.custom.css">
<link rel="stylesheet" type="text/css" media="screen" href="lib/js/jqgrid/css/ui.jqgrid.css">
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen" href="lib/js/jqgrid/css/ui.bootstrap.jqgrid.css">
<script src="lib/js/jquery.min.js" type="text/javascript"></skripto>
<script src="lib/js/jqgrid/js/i18n/grid.locale-en.js" type="text/javascript"></skripto>
<script src="lib/js/jqgrid/js/jquery.jqGrid.min.js" type="text/javascript"></skripto>
<script src="lib/js/themes/jquery-ui.custom.min.js" type="text/javascript"></skripto>
</kapo>
<korpo>
<div class="row-fluid">
<div class="span12">
<div style="margin:10px">
<form method="get">
Pilih Theme: <select name="themeid" onchange="form.submit()">
<?php por ĉiu($"teksto kiel $k=>$t) { ?>
<opciovaloro=<?php eoo $k?> <?php eoo ($mi==$k)?"selected":""?>><?php eoo opciovaloro=($t)?></opciovaloro=>
<?php } ?>
</opciovaloro=> -
opciovaloro= (<a href="http://jqueryui.com/themeroller">opciovaloro=</a>).
</opciovaloro=>
<?php eoo $"teksto?> <!--opciovaloro=>
</div>
</div><!--/interspaco-->
</div><!--/vico-->
<div class="row-fluid">
<div class="span12">
<div class="row-fluid">
<div class="alert alert-info">
<a name="contact"></a>
<h2>www.andeznet.com</h2>
<p class="text-info">Teknologia Stokejo & Informoj</p>
<p>&kopii; <a href="http://andeznet.com">www.andeznet.com</a>&nbsp<?php eoo dato("Y");?></p>
</div><!--/interspaco-->
</div><!--/vico-->
</div><!--/interspaco-->
</div><!--/vico-->
</korpo>
</html>

opciovaloro= & 'granda', opciovaloro= & opciovaloro= . opciovaloro= :

opciovaloro=

opciovaloro= ĉi tie

Eble ankaŭ vi ŝatos ...

6 Respondoj

  1. opciovaloro= diras:

    opciovaloro=. opciovaloro=… opciovaloro=.

  2. tiel -kaj -tiel,tiel -kaj -tiel?

  3. tiel -kaj -tiel diras:

    tiel -kaj -tiel, tiel -kaj -tiel? tiel -kaj -tiel

  4. tiel -kaj -tiel “opciovaloro= * tiel -kaj -tiel′” tiel -kaj -tiel?

Lasu Respondon

Via retpoŝta adreso ne estos publikigita. Bezonataj kampoj estas markitaj *