Postingan lainnya
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