(ayuda)altas y bajas con jquery data tables

entidad · #1 (**permalink**) 10/09/2013, 11:07

holas a todos como estan soy nuevo en la programacion asique como muchos aprendo lo que puedo de internet, paprendi a usar un poco el pluyin data tables esta muy facil de usar pero no se como podria modificar los datos ya que cuando llena la tabla la llena a travez de una "arreglo" de que forma podria agregarle altas y bajas la verdad que keda muy bonito con el css les dejo el codigo de ante mano gracias
index.html

Código:

<!doctype html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>control tecnicos</title>
	<link href="css/style.css" type="text/css" rel="stylesheet"/>
	<link href="css/jquery-ui.css" type="text/css" rel="stylesheet"/>
	<link href="css/datatables.css" type="text/css" rel="stylesheet"/>
	
	<script src="js/jquery.js"></script>
	<script src="js/jquery-ui.js"></script>
	<script src="js/datatables.js"></script>
	<script src="js/functions.js"></script>
</head>
<body>
	<header>
		<h1>Control Tecnicos </h1>
	</header>
	<section>
		<table>
			<thead>
				<tr>
					<th>Rut</th>
					<th>Nombres</th>
					<th>Apellidos</th>
                    <th>Correo</th>
                    <th>Titulo</th>
                    <th>Celular</th>
                    
			</thead>
		</table>
	</section>
	<footer></footer>
</body>
</html>

carpeta js
datatables, jquery, jqueryUI [URL="https://mega.co.nz/#!XVc2gDDS!S1m0CVKSQ0735xN90B7ykENOEoVEqp84pDGv7PI vmZ0"]https://mega.co.nz/#!XVc2gDDS!S1m0CVKSQ0735xN90B7ykENOEoVEqp84pDGv7PI vmZ0[/URL]

function

Código:

$(document).ready(function() {
	
	$.ajax({
			url: './include/process.php',
			type: 'post',
			data: { tag: 'getData'},
			dataType: 'json',
			success: function (data) {
				if (data.success) {
					$.each(data, function (index, record) {
						if ($.isNumeric(index)) { 
							var row = $("<tr />");
							$("<td />").text(record.Rut).appendTo(row);
							$("<td />").text(record.Nombres).appendTo(row);
							$("<td />").text(record.Apellidos).appendTo(row);
							$("<td />").text(record.Correo).appendTo(row);
							$("<td />").text(record.Titulo).appendTo(row);
							$("<td />").text(record.Celular).appendTo(row);
							
							
							
							row.appendTo("table");
						}
					})
				}

				$('table').dataTable({
					"bJQueryUI": true,
					"sPaginationType": "full_numbers",
					
					
					
		
					
					
				})
			}
		});
})

carpeta include:
connect.php

Código:

<?php
	return new PDO('mysql:host=localhost;dbname=alsur','root','');
?>

process.php

Código:

<?php
	if (isset($_POST['tag'])) {
		try {
			$conn = require_once 'connect.php';

			$sql = "SELECT *
FROM tecnicosx
WHERE priv = 'tecnico'";
			$result = $conn->prepare($sql) or die ($sql);

			if (!$result->execute()) return false;

			if ($result->rowCount() > 0) {
				$json = array();
				while ($row = $result->fetch()) {
					$json[] = array(
						'Rut' => $row['rut'],
						'Nombres' =>$row['nombres'],
						'Apellidos' => $row['apellidos'],
						'Correo' => $row['correo'],
						'Titulo' => $row['titulo'],
						'Celular' => $row['celular'],
						'Editar' => $row['id'],
						'Borrar' => $row['id']
					);
				}

				$json['success'] = true;
				echo json_encode($json);
			}
		} catch (PDOException $e) {
			echo 'Error: '. $e->getMessage();
		}
	}

?>

carpeta css
[URL="https://mega.co.nz/#!KVlmGITQ!MTFyiW61iMypIH4ceNwnliV2ProddYuAtWv3Fii gkdg"]https://mega.co.nz/#!KVlmGITQ!MTFyiW61iMypIH4ceNwnliV2ProddYuAtWv3Fii gkdg[/URL]

base de datos

Código:

-- phpMyAdmin SQL Dump
-- version 3.5.1
-- http://www.phpmyadmin.net
--
-- Servidor: localhost
-- Tiempo de generación: 10-09-2013 a las 16:34:36
-- Versión del servidor: 5.5.24-log
-- Versión de PHP: 5.4.3

SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;

--
-- Base de datos: `alsur`
--

-- --------------------------------------------------------

--
-- Estructura de tabla para la tabla `herramientas`
--

CREATE TABLE IF NOT EXISTS `herramientas` (
  `id_herramientas` int(11) NOT NULL AUTO_INCREMENT,
  `nombre_herr` varchar(16) COLLATE utf8_bin NOT NULL,
  `estado_herr` varchar(45) COLLATE utf8_bin NOT NULL,
  `num_serie` varchar(45) COLLATE utf8_bin NOT NULL,
  `tecnicosx_id` int(11) NOT NULL,
  PRIMARY KEY (`id_herramientas`),
  KEY `fk_herramientas_tecnicosx_idx` (`tecnicosx_id`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8 COLLATE=utf8_bin AUTO_INCREMENT=4 ;

--
-- Volcado de datos para la tabla `herramientas`
--

INSERT INTO `herramientas` (`id_herramientas`, `nombre_herr`, `estado_herr`, `num_serie`, `tecnicosx_id`) VALUES
(1, 'notebook', 'operativa', '156546464', 7),
(2, 'alicate', 'malo', 's/n', 7),
(3, 'wevo', 'sdsd', 'sdsdsdsd', 7);

-- --------------------------------------------------------

--
-- Estructura de tabla para la tabla `orden_servicio`
--

CREATE TABLE IF NOT EXISTS `orden_servicio` (
  `id_orden` int(11) NOT NULL AUTO_INCREMENT,
  `sk_orden` varchar(10) COLLATE utf8_bin NOT NULL,
  `comentario` varchar(100) COLLATE utf8_bin NOT NULL,
  `direccion_almacenado` varchar(100) COLLATE utf8_bin NOT NULL,
  `tecnicosx_id` int(11) NOT NULL,
  PRIMARY KEY (`id_orden`),
  KEY `fk_orden_servicio_tecnicosx1_idx` (`tecnicosx_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_bin AUTO_INCREMENT=1 ;

-- --------------------------------------------------------

--
-- Estructura de tabla para la tabla `permiso`
--

CREATE TABLE IF NOT EXISTS `permiso` (
  `id_permiso` int(11) NOT NULL AUTO_INCREMENT,
  `fecha_solicitud` date NOT NULL,
  `fecha_permiso` date NOT NULL,
  `justificacion` varchar(100) COLLATE utf8_bin NOT NULL,
  `estado` varchar(8) COLLATE utf8_bin NOT NULL,
  `tecnicosx_id` int(11) NOT NULL,
  PRIMARY KEY (`id_permiso`),
  UNIQUE KEY `id_permiso_UNIQUE` (`id_permiso`),
  KEY `fk_permiso_tecnicosx1_idx` (`tecnicosx_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_bin AUTO_INCREMENT=1 ;

-- --------------------------------------------------------

--
-- Estructura de tabla para la tabla `tecnicosx`
--

CREATE TABLE IF NOT EXISTS `tecnicosx` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `rut` varchar(16) COLLATE utf8_bin NOT NULL,
  `titulo` varchar(64) COLLATE utf8_bin NOT NULL,
  `camisa` varchar(2) COLLATE utf8_bin NOT NULL,
  `pantalon` varchar(2) COLLATE utf8_bin NOT NULL,
  `calzado` int(11) NOT NULL,
  `nombres` varchar(45) COLLATE utf8_bin NOT NULL,
  `apellidos` varchar(45) COLLATE utf8_bin NOT NULL,
  `correo` varchar(45) COLLATE utf8_bin NOT NULL,
  `celular` int(11) NOT NULL,
  `usuario` varchar(8) COLLATE utf8_bin NOT NULL,
  `contrasena` varchar(8) COLLATE utf8_bin NOT NULL,
  `priv` varchar(45) COLLATE utf8_bin NOT NULL,
  PRIMARY KEY (`id`),
  UNIQUE KEY `rut_UNIQUE` (`rut`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8 COLLATE=utf8_bin AUTO_INCREMENT=20 ;

--
-- Volcado de datos para la tabla `tecnicosx`
--

INSERT INTO `tecnicosx` (`id`, `rut`, `titulo`, `camisa`, `pantalon`, `calzado`, `nombres`, `apellidos`, `correo`, `celular`, `usuario`, `contrasena`, `priv`) VALUES
(7, '16036099-2', 'analista programador de sistemas computacionales', '', '', 0, 'guillermo rodrigo', 'herrera jara', '[email protected]', 61700985, '', '', 'tecnico'),
(8, '13104870-K', '-', '', '', 0, 'David', 'Rodriguez', '[email protected]', 61701012, '', '', 'tecnico'),
(9, '17036064-8', 'tecnico informatico', '', '', 0, 'francisco', 'figueroa villagran', '[email protected]', 94494506, 'ffiguero', 'ffiguero', 'tecnico'),
(11, '14404219-0', '-', '', '', 0, 'Daniel', 'Valenzuela Gomez', '[email protected]', 85950501, 'dvalenzu', 'dvalenzu', 'tecnico'),
(12, '15177655-8', 'Ingeniero en telecomunicaciones', '', '', 0, 'Victor', 'Valderrama Vergara', '[email protected]', 93293255, 'vvalderr', 'vvalderr', 'tecnico'),
(13, '', '', '', '', 0, '', '', '', 0, 'admin', 'entidad', 'admin'),
(14, 'sssssss', '', '', '', 0, 'prueba', '', '', 0, '', '', 'tecnico'),
(15, 'ss', '', '', '', 0, 'prueba', '', '', 0, '', '', 'tecnico'),
(16, 'dddddddddd', '', '', '', 0, 'prueba', '', '', 0, '', '', 'tecnico'),
(17, 'ddddddddddd', '', '', '', 0, 'prueba', '', '', 0, '', '', 'tecnico'),
(18, 'ssssssssssddd', '', '', '', 0, 'prueba', '', '', 0, '', '', 'tecnico'),
(19, 'sszzxx', '', '', '', 0, 'prueba', '', '', 0, '', '', 'tecnico');

--
-- Restricciones para tablas volcadas
--

--
-- Filtros para la tabla `herramientas`
--
ALTER TABLE `herramientas`
  ADD CONSTRAINT `fk_herramientas_tecnicosx` FOREIGN KEY (`tecnicosx_id`) REFERENCES `tecnicosx` (`id`) ON DELETE NO ACTION ON UPDATE NO ACTION;

--
-- Filtros para la tabla `orden_servicio`
--
ALTER TABLE `orden_servicio`
  ADD CONSTRAINT `fk_orden_servicio_tecnicosx1` FOREIGN KEY (`tecnicosx_id`) REFERENCES `al_sur`.`tecnicosx` (`id`) ON DELETE NO ACTION ON UPDATE NO ACTION;

--
-- Filtros para la tabla `permiso`
--
ALTER TABLE `permiso`
  ADD CONSTRAINT `fk_permiso_tecnicosx1` FOREIGN KEY (`tecnicosx_id`) REFERENCES `al_sur`.`tecnicosx` (`id`) ON DELETE NO ACTION ON UPDATE NO ACTION;

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

proyecto completo
[URL="https://mega.co.nz/#!KVlmGITQ!MTFyiW61iMypIH4ceNwnliV2ProddYuAtWv3Fii gkdg"]https://mega.co.nz/#!KVlmGITQ!MTFyiW61iMypIH4ceNwnliV2ProddYuAtWv3Fii gkdg[/URL]