Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
error html
<div class="row">
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" >
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<title>Pengelolaan Link</title>
</head>
<body></br>
<div class="col-xs-9 col-md-7">
<table id="dg" title="Daftar Link" class="easyui-datagrid" style="width:931px;height:380px"
url="exe_view_link.php"
toolbar="#toolbar" pagination="true"
rownumbers="true" fitColumns="true" singleSelect="true">
<thead>
<tr>
<th field="periode_bulan">Periode</th>
<th field="link_tahun">Tahun</th>
<th field="link_status">Status</th>
<th field="link_link">Link</th>
</tr>
</thead>
</table>
</div>
<div id="toolbar">
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onClick="newLink()">Tambah</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onClick="editLink()">Edit</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onClick="deleteLink()">Hapus</a>
<span>Nama:</span>
<input id="key" style="line-height:20px;border:1px; solid: #ccc;">
<!--<input id="key" class="easyui-textbox"> -->
<a href="#" class="easyui-linkbutton" plain="true" onClick="doSearch()" iconCls="icon-search">Cari</a>
</div>
<!--MODAL ADD/EDIT-->
<div id="dlg" class="easyui-dialog" style="width:450px;height:300px;left:100px;top:100px;" closed="true" buttons="#dlg-buttons" >
<div title="Form User" style="padding:10px">
<form id="fm" method="post" novalidate>
<div class="fitem">
</div>
<div class="fitem" id="bagian_div">
<label>Periode Bulan :</label>
<select name="periode_id" class="easyui-combobox" style="width:160px;" required>
<option value=1>Januari- Maret</option> <option value=2>April - Juni</option> <option value=3>Juli - September</option> <option value=4>Oktober - Desember</option> </select>
</div>
<div class="fitem">
<label>Tahun :</label>
<select name="link_tahun" class="easyui-combobox" style="width:160px;" required>
<option value="2015" >2015</option>
<option value="2016" selected="selected">2016</option>
<option value="2017" >2017</option>
</select>
</div>
<div class="fitem">
<label>Status :</label>
<select name="link_status" class="easyui-combobox" style="width:160px;" required>
<option value="Aktif">Aktif</option>
<option value="Tidak" >Tidak</option>
</select>
</div>
<div class="fitem">
<label>Link :</label>
<input name="link_link" id="link_link" class="easyui-textbox" data-options="multiline:true" style="height:80px">
</div>
<!--
<div class="fitem">
<label>Level :</label>
<select class="easyui-combobox" name="level" style="width:160px;">
<option value="1">Admin</option>
<option value="2">Unit</option>
</select>
</div> -->
</form>
</div>
</div>
<div id="dlg-buttons">
<a href="javascript:void(0)" class="easyui-linkbutton c6" iconCls="icon-ok" onClick="saveLink()" style="width:90px" name="simpan">Save</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onClick="javascript:$('#dlg').dialog('close')" style="width:90px"> Cancel</a>
</div>
<script type="text/javascript">
var url;
//funsi new data
function newLink() {
$('#dlg').dialog('open').dialog('setTitle', 'Link Baru');
$('#fm').form('clear');
url = 'exe_input_link.php';
}
//funsi edit data
function editLink() {
var row = $('#dg').datagrid('getSelected');
if (row) {
$('#dlg').dialog('open').dialog('setTitle', 'Edit Link');
$('#fm').form('load', row);
url = 'exe_update_link.php?id=' + row.link_id;
//alert(result);
}
}
//funsi save data
function saveLink() {
$('#fm').form('submit', {
url: url,
onSubmit: function () {
return $(this).form('validate');
},
success: function (result) {
var result = eval('(' + result + ')');
if (result.errorMsg) {
$.messager.show({
title: 'Error',
msg: result.errorMsg
});
} else {
$('#dlg').dialog('close'); // close the dialog
$('#dg').datagrid('reload'); // reload the user data
alert(result);
}
}
});
}
//funsi hapus user
function deleteLink() {
var row = $('#dg').datagrid('getSelected');
if (row) {
$.messager.confirm('Confirm', 'Apakah Anda Yakin Menghapus Data Link Ini?', function (r) {
if (r) {
$.post('exe_delete_link.php', {id: row.link_id}, function (result) {
if (result.success) {
$('#dg').datagrid('reload'); // reload the user data
//console.log(row.bagian_status);
} else {
$.messager.show({// show error message
title: 'Error',
msg: result.errorMsg
});
}
}, 'json');
}
});
}
}
function doSearch() {
$('#dg').datagrid('load', {
key: $('#key').val(),
});
}
</script>
<style type="text/css">
#fm{
margin:0;
padding:10px 30px;
}
.ftitle{
font-size:14px;
font-weight:bold;
padding:5px 0;
margin-bottom:10px;
border-bottom:1px solid #ccc;
}
.fitem{
margin-bottom:5px;
}
.fitem label{
display:inline-block;
width:170px;
}
.fitem input{
width:160px;
}
</style>
</body>
</html>
<!-- /.col-->
</div><!-- /.row -->
padahal dicodenya tag2nya sudah ada penutupnya saya cek di browser ada yang merah
0
2 Jawaban:
buat class row nya setelah body gan jangan diluar tag html nya
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" >
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<title>Pengelolaan Link</title>
</head>
<body>
<div class="row">
</br>
<div class="col-xs-9 col-md-7">
<table id="dg" title="Daftar Link" class="easyui-datagrid" style="width:931px;height:380px"
url="exe_view_link.php"
toolbar="#toolbar" pagination="true"
rownumbers="true" fitColumns="true" singleSelect="true">
<thead>
<tr>
<th field="periode_bulan">Periode</th>
<th field="link_tahun">Tahun</th>
<th field="link_status">Status</th>
<th field="link_link">Link</th>
</tr>
</thead>
</table>
</div>
<div id="toolbar">
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onClick="newLink()">Tambah</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onClick="editLink()">Edit</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onClick="deleteLink()">Hapus</a>
<span>Nama:</span>
<input id="key" style="line-height:20px;border:1px; solid: #ccc;">
<!--<input id="key" class="easyui-textbox"> -->
<a href="#" class="easyui-linkbutton" plain="true" onClick="doSearch()" iconCls="icon-search">Cari</a>
</div>
<!--MODAL ADD/EDIT-->
<div id="dlg" class="easyui-dialog" style="width:450px;height:300px;left:100px;top:100px;" closed="true" buttons="#dlg-buttons" >
<div title="Form User" style="padding:10px">
<form id="fm" method="post" novalidate>
<div class="fitem">
</div>
<div class="fitem" id="bagian_div">
<label>Periode Bulan :</label>
<select name="periode_id" class="easyui-combobox" style="width:160px;" required>
<option value=1>Januari- Maret</option> <option value=2>April - Juni</option> <option value=3>Juli - September</option> <option value=4>Oktober - Desember</option> </select>
</div>
<div class="fitem">
<label>Tahun :</label>
<select name="link_tahun" class="easyui-combobox" style="width:160px;" required>
<option value="2015" >2015</option>
<option value="2016" selected="selected">2016</option>
<option value="2017" >2017</option>
</select>
</div>
<div class="fitem">
<label>Status :</label>
<select name="link_status" class="easyui-combobox" style="width:160px;" required>
<option value="Aktif">Aktif</option>
<option value="Tidak" >Tidak</option>
</select>
</div>
<div class="fitem">
<label>Link :</label>
<input name="link_link" id="link_link" class="easyui-textbox" data-options="multiline:true" style="height:80px">
</div>
<!--
<div class="fitem">
<label>Level :</label>
<select class="easyui-combobox" name="level" style="width:160px;">
<option value="1">Admin</option>
<option value="2">Unit</option>
</select>
</div> -->
</form>
</div>
</div>
<div id="dlg-buttons">
<a href="javascript:void(0)" class="easyui-linkbutton c6" iconCls="icon-ok" onClick="saveLink()" style="width:90px" name="simpan">Save</a>
<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onClick="javascript:$('#dlg').dialog('close')" style="width:90px"> Cancel</a>
</div>
</div>
<script type="text/javascript">
var url;
//funsi new data
function newLink() {
$('#dlg').dialog('open').dialog('setTitle', 'Link Baru');
$('#fm').form('clear');
url = 'exe_input_link.php';
}
//funsi edit data
function editLink() {
var row = $('#dg').datagrid('getSelected');
if (row) {
$('#dlg').dialog('open').dialog('setTitle', 'Edit Link');
$('#fm').form('load', row);
url = 'exe_update_link.php?id=' + row.link_id;
//alert(result);
}
}
//funsi save data
function saveLink() {
$('#fm').form('submit', {
url: url,
onSubmit: function () {
return $(this).form('validate');
},
success: function (result) {
var result = eval('(' + result + ')');
if (result.errorMsg) {
$.messager.show({
title: 'Error',
msg: result.errorMsg
});
} else {
$('#dlg').dialog('close'); // close the dialog
$('#dg').datagrid('reload'); // reload the user data
alert(result);
}
}
});
}
//funsi hapus user
function deleteLink() {
var row = $('#dg').datagrid('getSelected');
if (row) {
$.messager.confirm('Confirm', 'Apakah Anda Yakin Menghapus Data Link Ini?', function (r) {
if (r) {
$.post('exe_delete_link.php', {id: row.link_id}, function (result) {
if (result.success) {
$('#dg').datagrid('reload'); // reload the user data
//console.log(row.bagian_status);
} else {
$.messager.show({// show error message
title: 'Error',
msg: result.errorMsg
});
}
}, 'json');
}
});
}
}
function doSearch() {
$('#dg').datagrid('load', {
key: $('#key').val(),
});
}
</script>
<style type="text/css">
#fm{
margin:0;
padding:10px 30px;
}
.ftitle{
font-size:14px;
font-weight:bold;
padding:5px 0;
margin-bottom:10px;
border-bottom:1px solid #ccc;
}
.fitem{
margin-bottom:5px;
}
.fitem label{
display:inline-block;
width:170px;
}
.fitem input{
width:160px;
}
</style>
</body>
</html>
0
