Modifica inline
Componente di modifica inline con clic per editare, disponibile negli stili testo, area di testo e selezione. Supporta salvataggio automatico al blur, PATCH opzionale verso il server e scorciatoie da tastiera. Invio per salvare (testo/selezione), Ctrl+Invio per salvare (area di testo), Escape per annullare.
Testo
Modifica inline di testo a riga singola
_inline_edit.html.erb
███ ███████ ███████ ██████ ███ ████ ████ █████████████ █████ ████████████ ██████ ██ ██████ ██████████ ██
████ █████████████████████████████
███████████████████████████████ ███ ███
████████████████████████████████████████ ████████████ ███
█████████████████████
█████ █████████████████████████████████
█████████████████████████████████████
█████████████████████ ████ ████ ██████████ ██████████████████ ███████████████████████ ██████████████ ███████████████ █████████████████ ████████████ ███ ███████████████ ███████████████████ ███████ ██ ████████████ ████
███ ██████████████ ██ ███████████ ██
███████
inline_edit_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ███████████ █████████ ████████
██████ ██████ █ █
████ ███████
███████████ █ █████ ████████ ████████ ████ █
█
█████████ █
inline_edit_text_component.html.erb
████ █████████████████████████████
███████████████████████████████ ████ ███
████████████████████████████████████████ █████████████ ███
█████████████████████
█████ █████████████████████████████████
█████████████████████████████████████
██████████ ███████████████ ████
███ ████████████ ██
███████
████ ████████████████████████████████ ███████████████
inline_edit_text_component.rb
█ ██████████████████████ ████
█████ ███████████████████████ █ ███████████████████
███ █████████████████ ██████ ███ ████ ████ █████████████ █████ ████████████ ██████ ██ ██████ ████████
█████ █ ████
██████ █ █████
████ █ ███
█████████████ █ ████████████
████████████ █ ███████████
██████████████ █ █████████████ ██ ██
inline_edit_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ███████████ █████████ ████████
██████ ██████ █ █
████ ███████
███████████ █ █████ ████████ ████████ ████ █
█
█████████ █
Area di testo
Modifica inline di testo multi-riga
_inline_edit.html.erb
███ ███████ ███████ ██████ ███ ████ ████ █████████████ █████ ████████████ ██████ ██ ██████ ██████████ ██
████ █████████████████████████████
███████████████████████████████ ███ ███
████████████████████████████████████████ ████████████ ███
███████████████████ ████████
█████ █████████████████████████████████
█████████████████████████████████████
█████████████████████ █████ ████ ████ ██████████ ██████████████████ ███████████████████████ ██████████████ ███████████████ █████████████████ ████████████ ███████████████████ ███ ███████████████ ███████████████████ ███████ ██ ████████████ ████
███ ██████████████ ██ ███████████ ██
███████
inline_edit_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ███████████ █████████ ████████
██████ ██████ █ █
████ ███████
███████████ █ █████ ████████ ████████ ████ █
█
█████████ █
inline_edit_textarea_component.rb
█ ██████████████████████ ████
█████ ███████████████████████████ █ ███████████████████
███ █████████████████ ██████ ███ ████ ████ █████████████ █████ ████████████ ██████ ██ ██████ ████████
█████ █ ████
██████ █ █████
████ █ ███
█████████████ █ ████████████
████████████ █ ███████████
██████████████ █ █████████████ ██ ██
inline_edit_textarea_component.html.erb
████ █████████████████████████████
███████████████████████████████ ████ ███
████████████████████████████████████████ █████████████ ███
███████████████████ ████████
█████ █████████████████████████████████
█████████████████████████████████████
██████████ ███████████████ ████
███ ████████████ ██
███████
████ ████████████████████████████████ ███████████████
inline_edit_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ███████████ █████████ ████████
██████ ██████ █ █
████ ███████
███████████ █ █████ ████████ ████████ ████ █
█
█████████ █
Selezione
Modifica inline con dropdown di selezione
_inline_edit.html.erb
███ ███████ ███████ ██████ ███ ████ ████ █████████████ █████ ████████████ ██████ ██ ██████ ████████ ███ ████████ ██
██
███████████████ █ ████████████ █ ███ ██████████████ ██ ██████████ █
█████████████ █ ███████████████ █ ███████████████████████ █ ███
██
████ █████████████████████████████
███████████████████████████████ ███ ███
████████████████████████████████████████ ████████████ ███
█████████████████████
█████ █████████████████████████████████
inline_edit_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ███████████ █████████ ████████
██████ ██████ █ █
████ ███████
███████████ █ █████ ████████ ████████ ████ █
█
█████████ █
inline_edit_select_component.html.erb
████ █████████████████████████████
███████████████████████████████ ████ ███
████████████████████████████████████████ █████████████ ███
█████████████████████
█████ █████████████████████████████████
█████████████████████████████████████
██████████ ███████████████ ████
███ ████████████ ██
████ ██████████ ███ ██████████████ ████████████████████ ███████████ █████████████████████ ██████████ █ ██ ████
█████ ██████████████████████ ███████████████████████ ████████████████ ██████ ████ ██████ ██
inline_edit_select_component.rb
█ ██████████████████████ ████
█████ █████████████████████████ █ ███████████████████
███ █████████████████ █████████ ██████ ███ ████ ████ █████████████ █████ ████████████ ██████ ██ ██████ ████████
█████ █ ████
████████ █ ███████
██████ █ █████
████ █ ███
█████████████ █ ████████████
████████████ █ ███████████
inline_edit_controller.js
██████ █ ██████████ █ ████ ████████████████████
██████ ███████ █████ ███████ ██████████ █
██████ ███████ █ ███████████ █████████ ████████
██████ ██████ █ █
████ ███████
███████████ █ █████ ████████ ████████ ████ █
█
█████████ █
Registro delle modifiche
- Initial release with text, textarea, and select styles
Ottieni l'Accesso Completo
Sblocca il codice sorgente di questo componente e di tutti gli altri. Un solo pagamento per l'accesso a vita.
Ottieni l'Accesso Ora