2013-07-11 11 views
5

all'interno del documento di X-editable, possiamo creare un nuovo record, ma come modificare un record esistente e postare il suo nome e i campi di posta elettronica e il suo ID = 1 (questo ID non modificato) al back-end?È possibile inviare un campo nascosto e controllarne il valore con x-editable?

<table> 
    <thead><th>id</th><th>name</th><td>email</th></thead> 
    <tbody> 
     <tr><td><span>1</span></td><td><span class='myeditable'>name</span></td><td><span class='myeditable'>[email protected]</span></td></tr> 
    </tbody> 
</table> 

$('.myeditable').editable({ 
    type: input, 
    url: '/edituser' 
}); 

$('#save-btn').click(function() { 
    $('.myeditable').editable('submit', { 
     url: '/edituser', 
     ajaxOptions: { 
      dataType: 'json' //assuming json response 
     }, 
     success: function(data, config) { 
      if(data && data.id) { //record created, response like {"id": 2} 
      }, 
      error: function(errors) { 
      } 
    }); 
}); 

risposta

2

Ho usato Angular-xeditable per fare questo, ma l'idea è la stessa che penso.

Ho aggiunto uno span nascosto al mio tavolo e gli ho dato un nome elettronico. display ng-show display: none, che penso sia proprio quello che devi fare anche tu.

  <span 
      editable-text="journalEntry._id" 
      e-name="_id" 
      e-form="rowform" 
      ng-show="false"> 
      </span> 
0

Ho usato angolare xeditable anche, ma ho dovuto cambiare il codice di Michael perché il campo nascosto è apparso (ho voluto che rimangono nascosti) quando ho modificato la riga.

Perciò ho dovuto inserire

e-class="hidden" 

Così alla fine ho avuto:

       <span 
            e-class="hidden" 
            editable-text="employee.key" 
            e-name="key" 
            e-form="rowform" 
            ng-show="false"> 
           </span> 
0

Per inserire un campo nascosto, si potrebbe provare a modificare il vostro

url: '/edituser'

a

url: '/edituser?hidden-name1=hidden-value1&hidden-name2=hidden-value2' e così via ...

Problemi correlati