{"id":28543,"date":"2022-05-17T17:52:57","date_gmt":"2022-05-17T15:52:57","guid":{"rendered":"https:\/\/help.qualiware.it\/qw-help\/?p=28543"},"modified":"2024-01-24T19:36:55","modified_gmt":"2024-01-24T18:36:55","slug":"esempio-di-drag-and-drop-su-calendario","status":"publish","type":"post","link":"https:\/\/help.qualiware.it\/qw-help\/esempio-di-drag-and-drop-su-calendario\/","title":{"rendered":"Esempio di drag and drop su calendario"},"content":{"rendered":"

Utilizzando codice Javascript \u00e8 possibile utilizzare il drag and drop sull’oggetto Calendario<\/a> per consentire all’utente di creare attivit\u00e0 a partire da un elenco.<\/p>\n

ESEMPIO 1: DRAG & DROP DA LISTBOX<\/h3>\n

E’ possibile scaricare da qui<\/a> una query di esempio che include un form dove \u00e8 presente un calendario suddiviso su tre risorse, e una lista di attivit\u00e0 che \u00e8 possibile trascinare sul calendario per creare nuovi elementi.<\/p>\n

Si suggerisce di esaminare i seguenti eventi:<\/p>\n

EventoRenderClient:<\/strong> contiene l’abilitazione del drag and drop sull’oggetto Listbox1. Da notare che viene assegnato l’evento “itemDrop” dell’oggetto, il quale alimenta 3 campi esterni che riportano la descrizione dell’attivit\u00e0 trascinata e la data e l’ora e la risorsa della cella di calendario sulla quale l’elemento \u00e8 stato trascinato. Viene poi attivato un postback che esegue l’evento Execute dell’oggetto ProcedureCode1, il quale crea l’elemento nel calendario a partire dai 3 suddetti campi.<\/p>\n

EventoRender<\/strong>: restringe le ore visualizzate sul calendario alle sole ore lavorative. Ovviamente questo pu\u00f2 essere modificato secondo le esigenze.<\/p>\n

ESEMPIO 2: DRAG & DROP DA GRIGLIA CON NUOVOLAYOUT=FALSE<\/h3>\n

E’ possibile scaricare da qui<\/a> una query di esempio che include un form dove \u00e8 presente un calendario suddiviso su tre risorse, e una lista di attivit\u00e0 in una griglia dove \u00e8 possibile selezionarne pi\u00f9 di una e trascinarla sul calendario per creare nuovi elementi.<\/p>\n

In questo caso, l’EventoRenderClient<\/strong> contiene l’abilitazione del drag sulla griglia, e del drop sulle celle del calendario.<\/p>\n

ESEMPIO 3: DRAG & DROP DA GRIGLIA CON NUOVOLAYOUT=TRUE<\/h3>\n

In questo caso la gestione del Drag&Drop \u00e8 molto pi\u00f9 semplice, in quanto sulla griglia \u00e8 sufficiente assegnare a True<\/em> la propriet\u00e0 ConsentiTrascinamento<\/strong>, assegnando poi la funzione externalDrop<\/strong> dell’oggetto Calendario per gestire l’aggiunta dell’elemento. I valori dei campi della griglia si possono facilmente reperire nel parametro Dati<\/strong>, come nel seguente codice, che va inserito nell’EventoRenderClient.<\/strong><\/p>\n

$('#<Scheduler1>').externalDrop(\r\n  function(data,risorsa,dati) {\r\n    $('#<PianificaCommessa>').ServerExecute(data.toJSON(),risorsa,dati.Commessa)\r\n  }\r\n)<\/pre>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
Utilizzando codice Javascript \u00e8 possibile utilizzare il drag and drop sull’oggetto Calendario per consentire all’utente di creare attivit\u00e0 a partire da un elenco. ESEMPIO 1: DRAG & DROP DA LISTBOX E’ possibile scaricare da qui una query di esempio che include un form dove \u00e8 presente un calendario suddiviso su tre risorse, e una lista…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"ngg_post_thumbnail":0,"footnotes":""},"categories":[65],"tags":[80],"acf":[],"_links":{"self":[{"href":"https:\/\/help.qualiware.it\/qw-help\/wp-json\/wp\/v2\/posts\/28543"}],"collection":[{"href":"https:\/\/help.qualiware.it\/qw-help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.qualiware.it\/qw-help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.qualiware.it\/qw-help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.qualiware.it\/qw-help\/wp-json\/wp\/v2\/comments?post=28543"}],"version-history":[{"count":3,"href":"https:\/\/help.qualiware.it\/qw-help\/wp-json\/wp\/v2\/posts\/28543\/revisions"}],"predecessor-version":[{"id":35605,"href":"https:\/\/help.qualiware.it\/qw-help\/wp-json\/wp\/v2\/posts\/28543\/revisions\/35605"}],"wp:attachment":[{"href":"https:\/\/help.qualiware.it\/qw-help\/wp-json\/wp\/v2\/media?parent=28543"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.qualiware.it\/qw-help\/wp-json\/wp\/v2\/categories?post=28543"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.qualiware.it\/qw-help\/wp-json\/wp\/v2\/tags?post=28543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}