Você está na página 1de 3

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.

01 Transitional//EN"
"www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="crud, cadastro de clientes e filtro, php, mysql,
crud php mysql">
<meta name="description" content="administre os seus clientes, banco de dados
completo em www.montepage.com.br">
<title>Crud em linha com filtro PHP Mysql - Cadastro de Clientes - Coisas Legais para
Site - Montepage</title>
<link rel="stylesheet" type="text/css" href="css/easyui.css">
<link rel="stylesheet" type="text/css" href="css/icon.css">
<link rel="stylesheet" type="text/css" href="css/demo.css">
<script type="text/javascript" src="js/jquery-1.6.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/jquery.edatagrid.js"></script>
<script type="text/javascript" src="js/datagrid-filter.js"></script>
<script type="text/javascript">
$(function(){
$("div.easyui-layout").layout();
$('#dg').edatagrid({
url: 'get_cadastroclientes.php',
saveUrl: 'save_cadastroclientes.php',
updateUrl: 'update_cadastroclientes.php',
destroyUrl: 'destroy_cadastroclientes.php',
fitColumns: true
});
var dg = $('#dg');
dg.edatagrid();

// create datagrid

dg.edatagrid('enableFilter');

// enable filter

});
</script>
</head>
<body>
<div class="easyui-layout">
<h2>Crud em linha com filtro PHP Mysql - Cadastro de Clientes - Coisas Legais para
Site - Montepage</h2>
<div class="demo-info" style="margin-bottom:10px">
<div class="demo-tip icon-tip">&nbsp;</div>
<div>D um duplo cline na linha para editar.</div>
</div>
<table id="dg" title="Cadastro de clientes" style="width:700px;height:250px;
border:1px solid #ccc;"
toolbar="#toolbar" pagination="true" idField="id"
rownumbers="true" fitColumns="true" resizable="true">
<thead>
<tr>
<th field="nome" width="50"
editor="{type:'validatebox',options:{required:true}}">Nome</th>
<th field="sobrenome" width="50"
editor="{type:'validatebox',options:{required:true}}">Sobrenome</th>
<th field="telefone" width="50" editor="text">Telefone</th>
<th field="email" width="50" editor="{type:'validatebox',options:
{validType:'email'}}">Email</th>
</tr>
</thead>
</table>
<div id="toolbar">
<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true"
onclick="javascript:$('#dg').edatagrid('addRow')">Novo</a>

<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true"


onclick="javascript:$('#dg').edatagrid('destroyRow')">Remover</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true"
onclick="javascript:$('#dg').edatagrid('saveRow')">Salvar</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-undo" plain="true"
onclick="javascript:$('#dg').edatagrid('cancelRow')">Cancelar</a>
</div>
</div>

</body>
</html>

Você também pode gostar