Marco del Gatto - web development tips & tricks

Intercettare il refresh di un ASP.NET UpdatePanel in javascript

marcodelgatto — Sun, 06 Nov 2011 14:04:00 GMT

Può essere molto utile intercettare il refresh di un ASP.NET UpdatePanel in javascript ad esempio per reinizializzare dei listener di jQuery su oggetti del DOM che si sono modificati durante il refresh stesso.

Per farlo è sufficiente registrarsi all'evento add_pageLoaded del PageRequestManager ed offrirgli una callback, come in questo esempio:

CSS: Agganciare il footer a fondo pagina

marcodelgatto — Wed, 13 Oct 2010 14:10:00 GMT

Quella che dovrebbe essere una banalità non lo è affatto: agganciare un footer a fondo pagina in modo tale che sia in grado di "scendere" qualora ci sia molto testo e di starsene lì in fondo se ce ne è poco.

Chi ci ha provato lo sa :)

Vi segnalo la migliore soluzione che ho trovato fino ad ora e che fa uso di solo css (no javascript):

http://www.cssstickyfooter.com/

Funzione JQuery per inserire testo alla posizione del cursore di una textarea

marcodelgatto — Tue, 14 Sep 2010 09:15:00 GMT

Per inserire via javascript del testo alla posizione corrente del cursore di una textarea, Explorer e Firefox necessitano di sintassi differenziate.

Al fine di semplificarci la vita possiamo usare questo plugin di jquery:

$.fn.insertAtCaret = function (myValue) {
    return this.each(function () {
        //IE
        if (document.selection) {
            this.focus();
            sel = document.selection.createRange();
            sel.text = myValue;
            this.focus();
        }
        //MOZILLA
        else if (this.selectionStart || this.selectionStart == '0') {
            var startPos = this.selectionStart;
            var endPos = this.selectionEnd;
            var scrollTop = this.scrollTop;
            this.value = this.value.substring(0, startPos) + myValue + this.value.substring(endPos, this.value.length);
            this.focus();
            this.selectionStart = startPos + myValue.length;
            this.selectionEnd = startPos + myValue.length;
            this.scrollTop = scrollTop;
        } else {
            this.value += myValue;
            this.focus();
        }
    });
};

Una volta referenziato jquery e la funzione precedente, nel codice applicativo è sufficiente scrivere:

$("<selettore>"). insertAtCaret("testo da inserire");

L’objectdatasource ignora la cultura quando aggiorna un business object

marcodelgatto — Fri, 10 Sep 2010 12:18:00 GMT

Se state usando un objectdatasource agganciato ad un vostro adapter custom, potreste incorrere in spiacevoli incovenienti quando si tratta aggiornare delle proprietà sensibili alla cultura (es: campi DateTime).

Quello che succede è che benché l’interfaccia utente possiate averla impostata in una certa cultura – es: italiano – l’objectdatasource quando raccoglie i dati dai controlli tenta di convertirli usando la cultura invariante, generando errori tipo:

Cannot convert value of parameter XXX from 'System.String' to 'System.DateTime'

Il workaround è semplice: basta specificare esplicitamente I parametri sensibili alla cultura nella definizione dell’objectdatasource (cosa che normalmente è opzionale utilizzando un business object) ad esempio:

In questo modo, per qualche oscura ragione, l’objectdatasource effettua correttamente le conversioni.

Errore nel rendering dell'attributo Scope di TableHeaderCell in ASP.NET

marcodelgatto — Wed, 04 Aug 2010 10:06:00 GMT

Se manipolate un oggetto Table lato server in ASP.NET costruendo dinamicamente righe e colonne, state attenti all'attributo Scope dell'oggetto TableHeaderCell.

Tale enum ci permette di configurare lo scope del th a scelta tra "Column" e "Row"; il primo dei due elementi dell'enum (Column) si renderizza però in modo errato, creando il seguente markup:

<th scope="column">...

invece che:

<th scope="col">...

come è previsto dal W3C (http://www.w3.org/TR/html401/struct/tables.html#h-11.2.4 )
Per ovviare al problema l’unico workaround è creare un attributo generico sul TableHeaderCell.

Page.ValidateRequest nel porting ad ASP.NET 4.0

marcodelgatto — Tue, 04 May 2010 18:36:00 GMT

Se state effettuando il porting ad ASP.NET 4.0 di applicazioni realizzate con un framework precedente, potreste trovarvi una sorpresa: le pagine nelle quali avete disabiliato la validazione automatica della request (perchè magari avete un editor html o simili) nonostante la direttiva ValidateRequest="false" continueranno a validare la richiesta.

Per ovviare all'inconveniente occorre impostare nel web.config la modalità compatibile con i framework precedenti, attraverso l'inserimento del seguente nodo dentro system.web:

In questo modo il runtime riprenderà a comportarsi come atteso, non validando la Request dove lo richiedete.

Come evitare il Quirks Mode nei browser per siti web xthml strict

marcodelgatto — Fri, 22 Jan 2010 08:04:00 GMT

Se – come si conviene - stiamo sviluppando un website adottando le specifiche XHTML Strict 1.0, risulta importante far sì che i browser degli utenti capiscano la nostra intenzione utilizzando lo Standard Mode e che non entrino quindi in Quirks Mode, la modalità “mangiatutto” utile per la renderizzazione dei web site di vecchia generazione ma che rischia di danneggiare sia il layout che le performance dei web site realizzati correttamente con i nuovi standard.

Per fare questo, una volta che abbiamo validato il nostro documento e siamo certi di essere conformi agli standard, basta seguire questi 3 semplici passi:

1 - Mettere il doctype con url COMPLETA al DTD:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

2 – Specificare nel css principale che il TAG IMG è di tipo block (questo compensa l’Almost Standard Mode di Gecko):

img{display:block;}

3 – impedire agli utenti di IE8 di passare alla modalità compatibile mettendo la seguente direttiva nella head:

Enum Mapping bug nel designer di LinqToSql

marcodelgatto — Fri, 06 Nov 2009 13:31:00 GMT

Con LinqToSql è possibile mappare automaticamente i campi INT di SqlServer ai corrispondenti valori di un tipo enum C#.

Questo rappresenta una grande comodità nella scrittura del codice in quanto le classi autogenerate espongono la corrispondete proprietà tipizzata nell'enum scelto, evitando noisi passaggi di trascodifica.

Tuttavia alle volte il designer genera dei messaggi di errore del tipo:

DBML1005: Mapping between DbType 'Int' and Type 'AnApp.AnEnum' in Column 'EnumDBColumn' of Type 'ATable' is not supported.

Per aggirare il problema quando specificate il nome del tipo enum nella proprietà Type del designer anteponete il prefisso "global::".

Ad esempio se il nostro enum si chiama:

MioProgetto.MioNamespace.MioEnum

dichiaratelo come:

global::MioProgetto.MioNamespace.MioEnum

Leggere i metadati di un file bitmap

marcodelgatto — Sun, 19 Apr 2009 07:23:00 GMT

Mi è capitato di dover accedere da programma ai metadati (Keywords, Title, Rating, ecc) impostati nei metadati di un insieme di file jpg; questi metadati possono essere impostati da qualsiasi programma di grafica o dal sistema operativo stesso.

Il framework .NET ci mette a disposizione un modo semplice per accedere a queste informazioni. Innanzitutto è necessario referenziare le seguenti librerie:

PresentationCore
WindowsBase

Fatto questo l'accesso ai metadati è davvero semplice. Vi riporto nel seguito il codice di una console application in VB.NET che visualizza il Title e le Keywords letti da un jpg:

Imports System.Windows.Media.Imaging
Module Module1

    Sub Main()
        Dim decoder As New JpegBitmapDecoder(New Uri("C:\tmp\immagine.jpg"), _
              BitmapCreateOptions.PreservePixelFormat, BitmapCacheOption.OnLoad)
        Dim bitmap As BitmapMetadata = decoder.Frames(0).Metadata

        Console.WriteLine(bitmap.Title)
        Console.WriteLine("------------------------------------")
        For Each k In bitmap.Keywords
            Console.WriteLine(k)
        Next

        Console.ReadLine()
    End Sub

End Module

Grazie a Marco Nava per il tip.

Lunghezza stringhe JSON in ScriptServices di ASP.NET

marcodelgatto — Tue, 31 Mar 2009 08:38:00 GMT

Se invocate WebServices via javascript attraverso gli ScriptServices dello ScriptManager di ASP.NET, potreste incorrere in un problema di lunghezza massima delle variabili di tipo stringa; il problema è semplicemente dovuto ai default applicati dal framework (poco più di 500 caratteri) e non da una limitazione di JSON o di javascript.

Per aumentare tale parametro è sufficiente agire come segue nel web.config:

<system.web.extensions>
<scripting>
    <webServices>
    <jsonSerialization maxJsonLength="10000000"/>
    </webServices>
    <scriptResourceHandler enableCompression="true" enableCaching="true"/>
</scripting>
</system.web.extensions>

Oggetti COM ActiveX su IIS7 a 64bit

marcodelgatto — Fri, 20 Feb 2009 09:13:00 GMT

Se state migrando delle applicazioni in Classic ASP che fanno uso di oggetti ActiveX COM su server Windows 2008 a 64 bit, potreste incappare nel classico errore:

ActiveX Component cannot create object

Questo avviene perché per default l’esecuzione di codice legacy a 32 bit è disabilitato sugli application pool di iis7 a 64bit.

La soluzione è semplice: individuate l’application pool utilizzato dal sito web, andate negli Advanced Settings e impostate il flag Enable 32bit Application a true.

Determinare se il testo di FCKEditor è logicamente nullo

marcodelgatto — Thu, 18 Dec 2008 08:19:00 GMT

Se utilizzate l'ottimo FCKEditor all'interno delle vostre applicazioni, potrebbe capitarvi di avere la necessità di sapere se il testo inserito dall'utente è nullo da un punto di vista "logico"; infatti il controllo tende a inserire comunque dei tag invisibili (es: " ", ecc) che in caso di assenza di altro testo valido tendono a creare dei falsi positivi.

Vi potrebbe essere utile questa ruotine che ho scritto che effettua una validazione custom dell'input:

public static bool IsFCKEditorTextEmpty(string value)
{

if (value == null) return true;

string input = value;
input = Regex.Replace(input, "<[^>]*>", "", RegexOptions.IgnoreCase);
input = Regex.Replace(input, @"&\w+;", "", RegexOptions.IgnoreCase);
input = input.Trim();

return input == "";

}

Selettori standard per la property grid per User e Custom Controls

marcodelgatto — Fri, 12 Sep 2008 06:36:00 GMT

Se lavorate molto con User Controls o Custom Controls, avrete senz'altro la necessità di personalizzare il modo in cui le proprietà pubbliche di questi appaiono nella property grid di Visual Studio, onde evitare le limitazioni della classica casella di testo libera.

Su suggerimento del mio amico Marco Nava, vi riporto una collezione degli attributi più usati per personalizzarle.

Nota: gli attributi possono anche essere sommati tra di loro.

Nota 2: gli attributi sono dichiarati in vari namespace/assembly, per sicurezza importate i seguenti:

using System;
using System.ComponentModel;
using System.Windows.Forms.Design;
using System.Drawing.Design;
using System.Web.UI.Design;
using System.ComponentModel.Design;

[Browsable(false)] 
Nasconde una proprietà pubblica all’interno della property grid.

[Category("Stringhe di connessione")]
Consente di raggruppare più proprietà in una categoria.

[Description("Connessione al DB centrale")] 
Descrizione estesa che compare sotto la griglia nel box dedicato ai tooltip.

[DefaultValue(xx)] 
Consente di specificare il valore di default. Ha override per tutti i tipi base.

[EditorAttribute(typeof(ConnectionStringEditor), typeof(UITypeEditor))] 
Il campo è una stringa e contiene una stringa di connessione. La property grid visualizza un editor apposito (che poi di solito è un banalissimo box di testo multilinea)

[EditorAttribute(typeof(FolderNameEditor), typeof(UITypeEditor))] 
Il campo contiene un nome di cartella. La prop.grid visualizza il pulsante […] che consente di scegliere il path.

[EditorAttribute(typeof(FileNameEditor), typeof(UITypeEditor))] 
Il campo è un percorso ad un file. La prop.grid visualizza il pulsante […] che consente di scegliere un file.

[EditorAttribute(typeof(CollectionEditor), typeof(UITypeEditor))] 
Il campo è una collection. Se type è un tipo base (stringa, interi, ecc) visualizza un editor standard che consente di modificare e aggiungere/togliere elementi dalla collezione. A me nell’aggiungere crashava miseramente... In teoria partendo da questo ci si può derivare un editor personalizzato per collezioni di oggetti propri.

[EditorAttribute(typeof(MultilineStringEditor), typeof(UITypeEditor))]        
Il campo è un testo lungo su più linee. La prop.grid visualizza una casella multilinea per consentire una più agevole digitazione.

Oltre a questi sono disponibili tutti i derivati di UITypeEditor (per colori, font, icone, data e ora, url, ecc.):

http://msdn.microsoft.com/en-us/library/system.drawing.design.uitypeeditor.aspx

Disabilitare un asp:button al postback, con validazione e conferma

marcodelgatto — Sun, 31 Aug 2008 08:37:00 GMT

In certi casi puo' essere necessario impedire all'utente di premere piu' volte un pulsante: non c'e' un modo standard per farlo allora ho pensato di pacchettizzare alcune strategie trovate sul web sotto forma di due extension method per la classe Button.

Il primo applica solamente la disabilitazione (manetendo inalterate le validazioni eventualmente presenti sulla pagina), mentre il secondo permette di specificare ancheun testo di conferma prima di procedere col postback.

Verificate di avere una veriosne del framework uguale o superiore alla .NET 3.5 Service Pack 1, copiatevi questa classe nel progetto, e mettela in un namespace a volta scelta:

  
public static class ButtonExtender
{
public static void SetDisabledOnPostback(this Button button, String waitMessage)
{

StringBuilder sb = new StringBuilder();
sb.Append("if (typeof(Page_ClientValidate) == 'function') { ");
if (button.ValidationGroup == "")
  sb.Append("if (Page_ClientValidate()");
else
  sb.AppendFormat("if (Page_ClientValidate('{0}')", button.ValidationGroup);
sb.Append(" == false) { return false; }} ");
sb.AppendFormat("this.value = '{0}';", waitMessage);
sb.Append("this.disabled = true;");

button.UseSubmitBehavior = false;
button.OnClientClick = sb.ToString();


}

public static void SetDisabledOnPostbackWithConfirm(this Button button, 
				String waitMessage, String confirmText)
{

//disabilitazione standard
SetDisabledOnPostback(button, waitMessage);

//aggiunta della conferma
StringBuilder sb = new StringBuilder(button.OnClientClick);
sb.Insert(0, "if (confirm('" + confirmText + "') == false){return false;} ");

button.OnClientClick = sb.ToString();

}
}

A questo punto è sufficiente che nella pagina di interesse referenziate il namespace in cui avete messo la classe e nel page load lanciate:

       
this.myButton.SetDisabledOnPostback("Attendere prego...");

this.myButton.SetDisabledOnPostbackWithConfirm
                    ("Attendere prego...", "Vuoi procedere ?");

Equivalente VB.NET delle lambda expression in C#

marcodelgatto — Tue, 08 Jul 2008 15:01:00 GMT

Se state usando le funzionalità di Linq in C# per l’interrogazione di insiemi vari, vi sarete abituati a sintassi di questo tipo:

User usr= Users.Single(u=>u.Username=="marco");

Mi è capitato di dover scrivere l’equivalente VB.NET, e – per ragioni varie – di non voler usare la sintassi espressiva; in questo caso ho trovato difficoltà a reperire informazioni su come tradurre la definizione della lambda: u=>u.Username==”marco”

Su suggerimento del mio amico Marco Nava, ecco dunque la versione VB.NET:

dim usr as User = Users.Single(Function(u) u.Username="marco")