Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Input Select con consulta a Base de Datos

Estas en el tema de Input Select con consulta a Base de Datos en el foro de Javascript en Foros del Web. Hola amigos, tengo un problema que he probado y buscado muchas cosas y no se como solucionar. Necesito hacer un campo seleccionable o (dropdown) que ...
  #1 (permalink)  
Antiguo 28/01/2014, 04:25
 
Fecha de Ingreso: enero-2014
Mensajes: 2
Antigüedad: 10 años, 3 meses
Puntos: 0
Pregunta Input Select con consulta a Base de Datos

Hola amigos,

tengo un problema que he probado y buscado muchas cosas y no se como solucionar.

Necesito hacer un campo seleccionable o (dropdown) que se rellene con los datos de un campo de mi base de datos. En este caso es para elegir un producto que ya hay guardado en la base de datos.

Funciona perfecto siendo estático. les pongo el ejemplo: línea 34 es el código en cuestión

Código Javascript:
Ver original
  1. <script type="text/javascript" >
  2.     var grid_demo_id = "myGrid1";
  3.    
  4.    
  5.     var dsOption= {
  6.    
  7.         fields :[
  8.             {name : 'id'  },
  9.             //{name : 'code_ticket'  },
  10.             {name : 'code_diary'  },
  11.             {name : 'code_service_E'  },
  12.             {name : 'code_service_P'  },
  13.             {name : 'code_product'  },
  14.             {name : 'code_employee'  },    
  15.             {name : 'code_client'  },
  16.             //{name : 'date_sale' ,type:'date' },  
  17.             //{name : 'time_sale' ,type:'time' },          
  18.             {name : 'amount'  },
  19.             {name : 'price'  },
  20.             {name : 'discount'  },
  21.             {name : 'payment_method'  },
  22.             //{name : 'special'  },    
  23.                    
  24.         ],
  25.         recordType : 'object'
  26.     }
  27.    
  28.     var colsOption = [
  29.          {id: 'id' , header: "id" , width :90, editor:{type:'text'} },
  30.         /* {id: 'code_ticket' , header: "code_ticket" , width :60, editor:{type:'text'} },*/
  31.          {id: 'code_diary' , header: "code_diary" , width :90, editor:{type:'text'} },
  32.          {id: 'code_service_E' , header: "code_service_E" , width :90, editor:{type:'text'} },
  33.          {id: 'code_service_P' , header: "code_service_P" , width :90, editor:{type:'text'} },   
  34.      {id: 'code_product' , header: "code_product" , width :90, editor : { type :"select" ,options : {'US': 'US' ,'FR':'FR', 'BR':'BR'} ,defaultText : 'US' } },
  35.  
  36.          {id: 'code_employee' , header: "code_employee" , width :90, editor:{type:'text'} },
  37.          {id: 'code_client' , header: "code_client" , width :90, editor:{type:'text'} },
  38.         // {id: 'date_sale' , header: "date_sale" , width :100, editor: { type :"date" }},
  39.          //{id: 'time_sale' , header: "time_sale" , width :100, editor: { type :"time" }},
  40.          {id: 'amount' , header: "amount" , width :80 , editor:{type:'text'}},
  41.          {id: 'price' , header: "price" , width :80, width :80 , editor:{type:'text'}},
  42.          {id: 'discount' , header: "discount" , width :80, width :80 , editor:{type:'text'}},
  43.          {id: 'payment_method' , header: "payment_method" , width :80, width :80 , editor:{type:'text'}},
  44.         // {id: 'special' , header: "special" , width :80, width :80 , editor:{type:'text'}}        
  45.     ];
  46.    
  47.    
  48.     var gridOption={
  49.         id : grid_demo_id,
  50.         loadURL : 'sale_controller.php',
  51.         saveURL : 'sale_controller.php',
  52.         width: "1000",  //"100%", // 700,
  53.         height: "200",  //"100%", // 330,
  54.         container : 'gridbox',
  55.         replaceContainer : true,
  56.         encoding : 'UTF-8', // Sigma.$encoding(),
  57.         dataset : dsOption ,
  58.         columns : colsOption ,
  59.         clickStartEdit : true ,
  60.         defaultRecord : {'id':"",'code_ticket':"",'code_diary':"00",'code_service_E':"",'code_service_P':"",'code_product':"",'code_employee':"",'code_client':"",'date_sale':"2008-01-01",'time_sale':"14:11:00",'amount':"",'price':"",'discount':"",'payment_method':"",'special':""},
  61.         pageSize:100,
  62.         toolbarContent : 'reload | add del save | print'
  63.     };
  64.    
  65.    
  66.     var mygrid=new Sigma.Grid( gridOption );
  67.     Sigma.Util.onLoad(function(){mygrid.render()});
  68.    
  69.  
  70.    
  71.     </script>

Como está en el ejemplo funciona, pero necesito que recupere esos datos de mi base de datos.
He probado a pasarle un array rellenado desde la base de datos con php pero no me lee nada.


Espero puedan hacerse una idea con mis explicaciones y guiarme un poco.

Saludos y gracias de antemano.

Última edición por jmartinez136; 28/01/2014 a las 04:54
  #2 (permalink)  
Antiguo 28/01/2014, 19:07
Colaborador
 
Fecha de Ingreso: mayo-2008
Ubicación: $MX['VZ']['Xalapa']
Mensajes: 3.005
Antigüedad: 16 años
Puntos: 528
Respuesta: Input Select con consulta a Base de Datos

pues deberías mostrar el código php que estás usando y que tiene el problema.
  #3 (permalink)  
Antiguo 03/02/2014, 03:47
 
Fecha de Ingreso: enero-2014
Mensajes: 2
Antigüedad: 10 años, 3 meses
Puntos: 0
Respuesta: Input Select con consulta a Base de Datos

Ya está solucionado.

Estaba cegado en utilizar un array para meter los datos de la base de datos, y no me daba cuenta, que tenía que crear una cadena.

He ido generando una cadena y ya lo lee perfectamente.

Gracias por tu respuesta, Saludos.

Etiquetas: javascript+php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:00.