Po prázdninové odmlce jsem tu zpět s další čerstvou zkušeností, kterou jsme udělali na jednom z našich projektů.
Story
Společné uživatelské rozhraní pro vytváření nových a editaci stávajících záznamů mělo části, které byly použitelné jen pro existující objekty, mj. i možnost připojení souborů pres control FileUpload. Části použitelné jen u existujících objektů byly skryty pomocí Visible="fase" a zobrazovány pomocí UpdatePanelu, který je zobrazil po uložení nového objektu.
Problém byl v tom, že u nově vytvořených objektů nebylo možné připojit soubory, zatímco u existujících objektů to bez problémů šlo. Ukázalo se, ze control FileUpload v postbacku žádný soubor nedostane (HasFile bylo false), přestože uživatel soubor do formuláře zadal. Stejně se to chovalo ve všech prohlížečích a Fiddler potvrdil, že se z klienta žádný soubor nepřenesl.
Primitivní testovací kód by mohl vypadat třeba takto:
<form id="form1" runat="server">
<asp:ScriptManager EnablePartialRendering="false" runat="server" />
<asp:UpdatePanel runat="server">
<ContentTemplate>
<asp:FileUpload ID="FileFU" Visible="false" runat="server" />
<asp:Label ID="HasFileLb" runat="server" />
<asp:Button ID="SaveBt" Text="Save" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>
</form>
void SaveBt_Click(object sender, EventArgs e)
{
FileFU.Visible = true;
HasFileLb.Text = FileFU.HasFile.ToString();
}
Po chvilce ladění se ukázala příčina problému. V režimu editace existujícího objektu formulář již od prvního requestu renderoval control FileUpload, který si sám do elementu form doplňuje potřebný atribut enctype="multipart/form-data", zatímco v režimu založení nového objektu se control FileUpload renderoval až AJAXem z UpdatePanelu po uložení nového objektu. UpdatePanel však v DOM stránky vymění jen svoji část a element form zůstává nedotčen, bez atributu enctype.
Summary
Pozor na to, ze AJAXovy partial rendering pomoci UpdatePaneliu vymění pouze určitou část DOM stránky a nesmi se zapomínat na vztahy teto části se zbytkem stránky. Většinou jsou tyto vztahy zřejmé, záludnost s FileUpload a atributem enctype vsak může pozlobit.
Možným řešením je například nastavování hodnoty atributu z kódu už při prvním requestu, přestože control FileUpload ještě na stránce není:
this.Page.Form.Enctype = "multipart/form-data"