Input Select con consulta a Base de Datos

[jmartinez136]

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:

<script type="text/javascript" > 
    var grid_demo_id = "myGrid1";
    
    
    var dsOption= {
    
        fields :[
            {name : 'id'  },
            //{name : 'code_ticket'  },
            {name : 'code_diary'  },
            {name : 'code_service_E'  },
            {name : 'code_service_P'  },
            {name : 'code_product'  },
            {name : 'code_employee'  },     
            {name : 'code_client'  },
            //{name : 'date_sale' ,type:'date' },   
            //{name : 'time_sale' ,type:'time' },           
            {name : 'amount'  },
            {name : 'price'  },
            {name : 'discount'  },
            {name : 'payment_method'  },
            //{name : 'special'  },     
                    
        ],
        recordType : 'object'
    }
    
    var colsOption = [
         {id: 'id' , header: "id" , width :90, editor:{type:'text'} },
        /* {id: 'code_ticket' , header: "code_ticket" , width :60, editor:{type:'text'} },*/
         {id: 'code_diary' , header: "code_diary" , width :90, editor:{type:'text'} },
         {id: 'code_service_E' , header: "code_service_E" , width :90, editor:{type:'text'} },
         {id: 'code_service_P' , header: "code_service_P" , width :90, editor:{type:'text'} },   
     {id: 'code_product' , header: "code_product" , width :90, editor : { type :"select" ,options : {'US': 'US' ,'FR':'FR', 'BR':'BR'} ,defaultText : 'US' } },
 
         {id: 'code_employee' , header: "code_employee" , width :90, editor:{type:'text'} },
         {id: 'code_client' , header: "code_client" , width :90, editor:{type:'text'} },
        // {id: 'date_sale' , header: "date_sale" , width :100, editor: { type :"date" }},
         //{id: 'time_sale' , header: "time_sale" , width :100, editor: { type :"time" }},
         {id: 'amount' , header: "amount" , width :80 , editor:{type:'text'}},
         {id: 'price' , header: "price" , width :80, width :80 , editor:{type:'text'}},
         {id: 'discount' , header: "discount" , width :80, width :80 , editor:{type:'text'}},
         {id: 'payment_method' , header: "payment_method" , width :80, width :80 , editor:{type:'text'}},
        // {id: 'special' , header: "special" , width :80, width :80 , editor:{type:'text'}}        
    ];
    
    
    var gridOption={
        id : grid_demo_id,
        loadURL : 'sale_controller.php',
        saveURL : 'sale_controller.php',
        width: "1000",  //"100%", // 700,
        height: "200",  //"100%", // 330,
        container : 'gridbox', 
        replaceContainer : true,
        encoding : 'UTF-8', // Sigma.$encoding(), 
        dataset : dsOption ,
        columns : colsOption ,
        clickStartEdit : true ,
        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':""},
        pageSize:100,
        toolbarContent : 'reload | add del save | print'
    };
    
    
    var mygrid=new Sigma.Grid( gridOption );
    Sigma.Util.onLoad(function(){mygrid.render()});
    
 
    
    </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.