- Beranda
- Komunitas
- Tech
- Programmer Forum
[ASK] jQGrid ane ga muncul


TS
setoelkahfi
[ASK] jQGrid ane ga muncul
Misi agan2, mo minta ilmunya dikit 
Baru belajar php, lagi njajakin diri ke jQuery, mohon bantuanya
Script anae ada yang salah apa ya gan? Kok tabel ane ga tampil

Baru belajar php, lagi njajakin diri ke jQuery, mohon bantuanya

Script anae ada yang salah apa ya gan? Kok tabel ane ga tampil

Code:
<?php
include "conf/conn.php";
include "lib/indo_date.php";
$kdbrg = $_GET['module'];
?>
<html>
<head>
\t<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
\t<title>Program Komputerisasi Distributor - PT Propan Raya ICC</title>
\t<!-- CSS -->
\t<link rel="stylesheet" type="text/css" media="screen" href="css/sunny/jquery-ui-1.8.16.custom.css" />
\t<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
\t<link href="css/style.css" rel="stylesheet" type="text/css" />
\t<!-- JS -->
\t<script type="text/javascript" src="js/overlib.js"></script>
\t<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
\t<script src="js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
\t<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
\t<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
\t<script type="text/javascript">
\t$(document).ready(function(){
\t\t$("#AddButton").button();
\t\t$("#editAll").button();
\t\t$("#saveAll").button();
\t\t$("#deleteAll").button();
\t\t$("#cancelAll").button();
\t\tvar grid = $("#list3");
\t\tjQuery("#list3").jqGrid({
\t\t\turl: 'json/json_tabel_agen.php',
\t\t\tdatatype: "json",
\t\t\theight: "auto",
\t\t\tmtype: "GET",
\t\t\tcolNames: ['action','id','Kode Agen','Nama Agen','Group Agen','Kode Cabang'],
\t\t\tcolModel: [
\t\t\t\t{name: 'myac', width:60, fixed:true, sortable:false, search:false, align:'center', viewable: false, resizable: true, resize:false, formatter:'actions',
\t\t\t\t\tformatoptions:{
\t\t\t\t\tkey: true; editbutton: true, delbutton: true,
\t\t\t\t\t}
\t\t\t\t},
\t\t\t\t{name:'row_id', key:true, index:'row_id', hidden:true,editable:false,editrules:{required:true}},
\t\t\t\t{name:'KDAGEN', index:'KDAGEN', editable:true, editrules:{required:true}},
\t\t\t\t{name:'NMAGEN', index:'NMAGEN',editable:true,editrules:{required:true}},
\t\t\t\t{name:'GRPAGEN', index:'GRPAGEN',editable:true,editrules:{required:true}},
\t\t\t\t{name:'KDCAB', index:'KDCAB',align:'center',editable:true,editrules:{required:true}},
\t\t\t],
\t\t\trownumbers:true,
\t\t\trowNum: 20,
\t\t\trowList: [20,40,60,80,100],
\t\t\tpager: '#pager2',
\t\t\tsortname: 'KDAGEN',
\t\t\tviewrecords: true,
\t\t\tsortorder: "asc",
\t\t\tediturl: "crud/crud_tabel_agen.php",
\t\t\tmultiselect: false, //Set Menjadi True untuk Multi selection
\t\t\tcaption: "<h3>Tabel Master Agen</h3>",
\t\t});
\t\tgrid.jqGrid('navGrid','#pager2',{view:true,edit:false,add:false,del:false});
\t\t$('#deleteAll'.click( function() {
\t\t\tvar s;
\t\t\ts = grid.jqGrid('getGridParam','selarrrow';
\t\t\tif(s==''
\t\t\t{
\t\t\t\talert('Pilih Baris yg akan di Hapus!';
\t\t\t}
\t\t\telse
\t\t\t{
\t\t\t\tvar a=confirm('Hapus baris yg Terpilih ?';
\t\t\t\tif(a)
\t\t\t\t{
\t\t\t\t\treturn $.ajax({
\t\t\t\t\t\ttype: 'POST',
\t\t\t\t\t\turl: 'crud/crud_tabel_agen.php',
\t\t\t\t\t\tdata: 'id='+s+'&oper=delall',
\t\t\t\t\t\tasync: false,
\t\t\t\t\t\tsuccess: function(data) {
\t\t\t\t\t\t\tif(data.error) {
\t\t\t\t\t\t\t\talert('Confirmation failed';
\t\t\t\t\t\t\t}
\t\t\t\t\t\t\telse {
\t\t\t\t\t\t\t\talert('Sukses!';
\t\t\t\t\t\t\t\t$('#list2'.trigger('reloadGrid'
;
\t\t\t\t\t\t\t}
\t\t\t\t\t\t}
\t
\t\t\t\t\t}).responseText
\t\t\t\t}
\t\t\t\telse{
\t\t\t\t\treturn false;
\t\t\t\t}
\t\t\t}
\t\t});
//Button Edit
\t\t$('#editAll'.click( function() {
\t\t\tvar s;
\t\t\ts = grid.jqGrid('getGridParam','selarrrow';
\t\t\tif(s==''
\t\t\t{
\t\t\t\talert('Pilih Baris yg akan di Edit!';
\t\t\t}
\t\t\telse
\t\t\t{
\t\t\t\tvar explode = String(s).split(',';
\t\t\t\tvar row = explode.length;
\t\t\t\tfor(var i=0;i<row;i++)
\t\t\t\t{
\t\t\t\t\tjQuery.fn.fmatter.rowactions(explode[i],'list2','edit',2);
\t\t\t\t}
\t\t\t}
\t\t});
\t\t$('#saveAll'.click( function() {
\t\t\tvar s;
\t\t\ts = grid.jqGrid('getGridParam','selarrrow';
\t\t\t//alert(s);
\t\t\tvar explode = String(s).split(',';
\t\t\tvar row = explode.length;
\t\t\tfor(var i=0;i<row;i++)
\t\t\t{
\t\t\t\tjQuery.fn.fmatter.rowactions(explode[i],'list2','save',2);
\t\t\t}
\t\t\tgrid.jqGrid('resetSelection';
\t\t});
\t\t$('#cancelAll'.click( function() {
\t\t\tvar s;
\t\t\ts = grid.jqGrid('getGridParam','selarrrow';
\t\t\t//alert(s);
\t\t\tvar explode = String(s).split(',';
\t\t\tvar row = explode.length;
\t\t\tfor(var i=0;i<row;i++)
\t\t\t{
\t\t\t\tjQuery.fn.fmatter.rowactions(explode[i],'list2','cancel',2);
\t\t\t}
\t\t\tgrid.jqGrid('resetSelection';
\t\t});
\t\t$('#AddButton'.click(function(){ grid.jqGrid('editGridRow','new',{closeAfterAdd: true}); });
\t});
\t</script>
</head>
<body>
<div id="wrapper">
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
\t<div id="header"><!-- start header -->
\t\t<?php include 'include/header.php'; ?>
</div><!-- end div#header -->
<div id="page">
\t<input type="button" id="AddButton" onmouseover="return overlib('Tambah data konversi', WIDTH, 150, BGCOLOR, '#006600', FGCOLOR, '#FFFFCC';" onmouseout="return nd();" value="Tambah Data">
\t<input type="button" id="editAll" value="Edit Selected(s)">
\t<input type="button" id="saveAll" value="Save All">
\t<input type="button" id="deleteAll" value="Delete Selected(s)">
\t<input type="button" id="cancelAll" value="Cancel">
\t<br/>
\t<table id="list3" cellpadding="0" cellspacing="0"></table>
\t<div id="pager2" style="text-align:center;"></div>
\t<br />
</div><!-- end div#page -->
<div id="footer">
\t\t<?php include 'include/footer.php'; ?>
\t</div><!-- end div#footer -->
</div><!-- end div#wrapper -->
</body>
</html>
0
1.8K
3


Komentar yang asik ya
Urutan
Terbaru
Terlama


Komentar yang asik ya
Komunitas Pilihan