[JQuery] selezionare combo box e richiamare campi in automatico

[_Mara_]

Buongiorno a tutti,
ho una griglia con relativo pager per gestire i record risultanti da una query su Sql Server.
Il tracciato è: id_auto | descrizione_auto | modello | targa
Tutto ok però devo introdurre la seguente modifica: il primo campo ora è una combo box:

$(document).ready(function(){
$("#list").jqGrid
({ 
url:'carica_modelli.asp',
...
{name:'descrizione_auto',index:'descrizione_auto',editable:true,editoptions:{readonly:true},reloadAfterSubmit:true ,width:300,edittype:"select", editoptions:{dataUrl:'select_auto.asp'}},
...
editurl:'edit.asp'
...

In pratica clliccando sul nome di una <option> dovrei popolare in automatico i campi modello e targa nella stessa maschera.
E' possibile?
grazie
Mara

[ciro78]

Ciao _Mara_,
benvenuta sul forum. Ti invito, qualora non lo avessi già fatto, a leggere il regolamento. In esso si consiglia di inserire il codice nel tag code in modo da rendere più agevole il compito per chi decide di aiutarti.

[cavicchiandrea]

Buongiorno a tutti,
ho una griglia con relativo pager per gestire i record risultanti da una query su Sql Server.
Il tracciato è: id_auto | descrizione_auto | modello | targa
Tutto ok però devo introdurre la seguente modifica: il primo campo ora è una combo box:



In pratica clliccando sul nome di una <option> dovrei popolare in automatico i campi modello e targa nella stessa maschera.
E' possibile?
grazie
Mara

Si dovrebbe essere possibile, che conoscenza hai di jdGrid, jquery, js da 1 a 10?

[_Mara_]

Si dovrebbe essere possibile, che conoscenza hai di jdGrid, jquery, js da 1 a 10?

Siamo intorno a 4/5... ce la faccio?
ciao

Mara

[cavicchiandrea]

Siamo intorno a 4/5... ce la faccio?
ciao

Mara

Ho forti dubbi, dove ti sei bloccata? Cosa hai prodotto finora?

[_Mara_]

Ho forti dubbi, dove ti sei bloccata? Cosa hai prodotto finora?

Dalla griglia vado in edit mode e si apre il popup dove gestisco i campi secondo il tracciato che avevo postato:
id_auto (non visibile) | descrizione_auto | modello | targa

Il campo descrizione_auto è una combo box generata dal file select_auto.asp (questo .asp chiama una stored procedure su Sql Server)
Da qui in poi non so...

Mara

[cavicchiandrea]

Dalla griglia vado in edit mode e si apre il popup dove gestisco i campi secondo il tracciato che avevo postato:
id_auto (non visibile) | descrizione_auto | modello | targa

Il campo descrizione_auto è una combo box generata dal file select_auto.asp (questo .asp chiama una stored procedure su Sql Server)
Da qui in poi non so...

Mara

Intendevo cosa hai prodotto di codice jquery? Inoltre sei stata ottimista nel valutarti 4/5 perché non sembrebbe.

[_Mara_]

Intendevo cosa hai prodotto di codice jquery? Inoltre sei stata ottimista nel valutarti 4/5 perché non sembrebbe.

Fino a lunedì non riesco postare del codice... qualche suggerimento su come dovrei impostare il lavoro?
Se proprio non è possibile spiegarlo in maniera completa, anche qualche script di esempio e mi applicherò su quello.
Grazie!

Mara

[_Mara_]

Fino a lunedì non riesco postare del codice...

Ecco il codice della mia grid:

$(document).ready(function(){
        $("#list").jqGrid
        ({ 
            url:'carica_modelli.asp',
            datatype: 'xml',
            mtype: 'GET',
            colNames:["descrizione auto","modello","targa","pk_auto"],
            prmNames: {id: "pk_auto"},
            colModel :[ 
                        {name:'descrizione_azione',index:'descrizione_azione',editable:true,editoptions:{readonly:true},reloadAfterSubmit: true ,width:300,edittype:"select", editoptions:{dataUrl:'select_auto.asp'}},
                        {name:'modello', editable:true,editoptions: {rows:"2",cols:"30"},reloadAfterSubmit: true,index:'modello',width:300, reloadAfterSubmit: true,closeAfterAdd:true,reloadAfterSubmit:true},
                        {name:'targa', editable:true,reloadAfterSubmit: true,index:'targa',width:300, reloadAfterSubmit: true,closeAfterAdd:true,reloadAfterSubmit:true},
                        {name:'pk_auto',hidden: true , editable: true, editrules: {edithidden:true} ,reloadAfterSubmit: true,index:'pk_auto',width:50, reloadAfterSubmit: true,closeAfterAdd:true,reloadAfterSubmit:true,editrules:{number:true}}
                     ],       
            height:'auto', 
            rowNum:5000,
            pager : '#pagerA',
            viewrecords: false, 
            imgpath: 'css/ui-lightness/images',
            loadonce: false, 
            xmlReader: { 
                        root : "NewDataSet", 
                        row: "Table", 
                        repeatitems: false, 
                        id: "pk_auto" 
                        },
            sortorder: "pk_auto",
            caption:'Auto',
            editurl:'edit.asp'
        });
  jQuery(list).jqGrid('navGrid','#pagerA',{edit:true,add:true,del:true,search:false,refresh:false} ,
  {mtype:"POST", reloadAfterSubmit:true, serializeDelData: function (postdata) {
      var rowdata = jQuery("#list").getRowData(postdata.id);
      // append postdata with any information 
      return {id: postdata.id, oper: postdata.oper, user_id: rowdata.user_id};
 }} // 
  );
$('#pagerA_center').empty();            
    });

Come detto, 'select_auto.asp' richiama una stored procedure per generare l'elenco.
Se risucite a darmi unn suggerimento...

Mara

[_Mara_]

Sono arrivata (quasi) alla soluzione: attraverso select_auto.asp riesco a gestire in asp classic l'evento 'onchange' e vado a popolare i 2 campi 'modello' e 'targa'.
Ora il problema è come richiamarli dalla popup della mia grid: in pratica ho il dato ma dalla popup non so come richiamarli.
Risucite a darmi una mano?

Grazie!
Mara