Skip to main content
Advanced Search
Search Terms
Content Type

Exact Matches
Tag Searches
Date Options
Updated after
Updated before
Created after
Created before

Search Results

618 total results found

Data transfer

4. Drag & drop

Aquest és el cor de l'operació. Si els esdeveniments (dragstart, drop, etc.) són el "quan" passen les coses, l'objecte DataTransfer és el "què" i el "com". Imaginem el DataTransfer com el transport. Quan comences a arrossegar, es carreguen les dades. Mentre el...

effectAllowed vs dropEffect

4. Drag & drop

Sovint effectAllowed es confon amb dropEffect.  effectAllowed (L'Origen): Es defineix al dragstart. És l'oferta. "Jo, com a element, permeto que em facin això". dropEffect (El Destí): Es defineix al dragover. És la demanda. "Jo, com a zona de destí...

Exemple. Drag only

4. Drag & drop

Per fer que un element sigui "arrossegable" (draggable), calen dues coses fonamentals que el codi original intenta fer: L'atribut HTML: Per defecte, només les imatges (<img>) i els enllaços (<a href>) són arrossegables. Per a qualsevol altre element (<...

Exemple. Drag & drop

4. Drag & drop

Aquest és l'exemple definitiu, ja que connecta les dues parts: l'element que es mou (Origen) i la zona que el rep (Destí). Codi Hi ha una classe CSS .hovered perquè veure com donar feedback visual a l'usuari quan entra a la zona correcta. HTML ...

Exemple. Drag images

4. Drag & drop

A diferència dels <div> o <p>, les imatges (<img>) i els enllaços (<a>) són draggables per defecte en els navegadors. No obstant això, el codi explicita draggable="true" i gestionar els esdeveniments manualment per tenir control total sobre on es poden deixar ...

Exemple: Drag & drop arxius

4. Drag & drop

Aquest és un dels casos d'ús més potents del Drag & Drop: la capacitat de comunicar el navegador amb el sistema operatiu (Finder de Mac o Explorador de Windows). La clau està a dataTransfer.files Quan arrosseguem fitxers des de l'escriptori, el navegador omp...

Exemple connexió + insert

Interfícies gràfiques ADO.NET

Assumirem que la taula es diu Persones i la base de dades LaMevaBBDD. Eines visuals (Sense codi SQL manual) Aquest mètode és ideal per a revisió de dades e introducció de les mateixes. Configurar el Server Explorer (Explorador de Servidors) El Server Explo...

Instal·lació i configuració

Interfícies gràfiques ADO.NET

Instal·lació = Afegir les llibreries La manera de tenir disponible ADO.NET depèn de la versió de .NET del projecte: Cas A: Projectes .NET Framework (Clàssic) Si has creat un projecte de tipus Windows Forms App (.NET Framework): No has de fer res. ADO...

Gestió errors centralitzada

Interfícies gràfiques ADO.NET

VB.Net Private Sub CarregarDades() Dim llistaPersones As New List(Of PersonaItem)() Dim connectionString As String = ConfigurationManager.ConnectionStrings("LaMevaConnexio").ConnectionString Dim query As String = "SELECT Id,...

Exemple Listbox ADO.NET amb Objectes

Interfícies gràfiques ADO.NET

Per fer UPDATE i DELETE des d'un ListBox, tenim un repte previ: el ListBox ha de saber quin ID de base de dades té l'ítem seleccionat, però a l'usuari només li volem ensenyar el nom. Si només hi posem text (String), no sabem quin ID esborrar. A continuació veu...

Exemple DataGridView

Interfícies gràfiques ADO.NET

El DataGridView és el control més potent de Windows Forms per a bases de dades, ja que imita l'estructura d'una taula (files i columnes). Per integrar-lo en el model ADO.NET, introduirem un objecte nou molt important: el DataTable. Hem d'imaginar el DataTable ...

Reports PDF

Interfícies gràfiques ADO.NET

Per crear informes en Visual Basic .NET amb Visual Studio Community, tenim diverses formes de fer-ho, una és utilitzar la tecnologia RDLC (Report Definition Language Client-side) i el control ReportViewer. Com que aquesta funcionalitat no ve instal·lada per de...

Exemple. Simulador de cursa atlètica multifil I

Processos i serveis en CSharp Threading

L'objectiu principal d'aquest programari és simular una cursa de 1000 metres llisos entre quatre atletes de manera totalment simultània. A diferència dels programes seqüencials tradicionals (on les accions succeeixen una darrere l'altra), aquesta aplicació d...

Exemple. Simulador de cursa atlètica multifil II

Processos i serveis en CSharp Threading

Per realitzar aquesta simulació de cursa, crearem una aplicació de Windows Forms. El punt clau serà gestionar l'accés a la interfície d'usuari (UI) des de fils que no són el principal (el fil de la finestra), utilitzant Invoke. Disseny del formulari Abans de...

Exemple. Drag & drop arxius dins formulari

4. Drag & drop

Quan treballem amb fitxers, podem passar d'enviar un sol arxiu a enviar-ne múltiples, això requerirà agrupar-los, ja sigui a l'HTML o a través de JavaScript.  Pujar arxius arrossegant-los millora moltíssim l'experiència d'usuari en comparació amb el clàssic bo...

AJAX? Què és, quins avantatges ofereix, com treballa...

5. Comunicació asíncrona Client-Servidor

AJAX (acrònim d'Asynchronous JavaScript and XML) és una tècnica de desenvolupament web dissenyada per crear aplicacions asíncrones. La seva funció principal és permetre que el navegador del client es comuniqui amb el servidor en segon pla. El gran avantatge d...

Crear XMLHttpRequest

5. Comunicació asíncrona Client-Servidor

XMLHttpRequest (XHR) L'objecte XMLHttpRequest és el motor principal que fa possible la tecnologia AJAX. És l'encarregat de gestionar tota la comunicació entre el navegador i el servidor en segon pla. Tot i que avui en dia existeixen alternatives més modernes ...

Send request

5. Comunicació asíncrona Client-Servidor

Aquesta part és crucial, ja que és on realment s'inicia el procès perquè el navegador vagi a buscar la informació. Un cop hem creat l'objecte XMLHttpRequest i hem definit què volem fer quan arribin les dades (amb l'onload), el següent pas és configurar les coo...

Status, methods i arquitectura REST

5. Comunicació asíncrona Client-Servidor

El servidor i el navegador es comuniquen utilitzant un llenguatge molt precís basat en el protocol HTTP.  Codis d'estat HTTP (status) Quan el servidor rep una petició, sempre retorna un codi numèric de 3 xifres per informar de com ha anat la cosa. Aquests co...

EXEMPLE. Petició emprant XMLHttpRequest + Authentication Token

5. Comunicació asíncrona Client-Servidor

Aquest escenari ens permet veure com funciona una petició asíncrona en el món real. En moltes aplicacions, gairebé sempre necessitem identificar l'usuari (mitjançant un token) i assegurar-nos que la interfície reaccioni adequadament si el servidor falla o dene...