Sdílet prostřednictvím


IBindableTemplate Rozhraní

Definice

Poskytuje způsob, jak ASP.NET ovládací prvky vázané na data, například DetailsView a FormView, automaticky svázat s ASP.NET ovládacím prvku zdroje dat v rámci oddílů obsahu šablony.

public interface class IBindableTemplate : System::Web::UI::ITemplate
public interface IBindableTemplate : System.Web.UI.ITemplate
type IBindableTemplate = interface
    interface ITemplate
Public Interface IBindableTemplate
Implements ITemplate
Odvozené
Implementuje

Příklady

Následující příklad kódu ukazuje, jak FormView může ovládací prvek deklarativní definovat šablonovaný obsah, vytvořit vazbu na data poskytnutá ovládacím SqlDataSource prvek a zobrazit a upravit existující záznamy. Analyzátor ASP.NET parsuje šablonovaný obsah a vytvoří IBindableTemplate objekt za běhu, který dokáže svázat hodnoty z SqlDataSource ovládacího prvku s oblastmi datových vazeb definovanými v šabloně jednosměrnou syntaxí ASP.NET datové vazby (<%# Eval("fieldname") %>) a dvoucestnou syntaxí datové vazby (<%# Bind("fieldname") %>).

Důležité

Tento ovládací prvek obsahuje textové pole, které přijímá uživatelský vstup, což je potenciální bezpečnostní hrozba. Ve výchozím nastavení ASP.NET webové stránky ověřují, že vstup uživatele neobsahuje skripty ani elementy HTML. Další informace naleznete v tématu Přehled zneužití skriptů.


<%@ Page language="C#" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">

  void EmployeeFormView_ItemUpdating(Object sender, FormViewUpdateEventArgs e)
  {

    // Validate the field values entered by the user. This
    // example determines whether the user left any fields
    // empty. Use the NewValues property to access the new 
    // values entered by the user.
    ArrayList emptyFieldList = ValidateFields(e.NewValues);

    if (emptyFieldList.Count > 0)
    {

      // The user left some fields empty. Display an error message.
      
      // Use the Keys property to retrieve the key field value.
      String keyValue = e.Keys["EmployeeID"].ToString();

      MessageLabel.Text = "You must enter a value for each field of record " +
        keyValue + ".<br/>The following fields are missing:<br/><br/>";

      // Display the missing fields.
      foreach (String value in emptyFieldList)
      {
        // Use the OldValues property to access the original value
        // of a field.
        MessageLabel.Text += value + " - Original Value = " + 
          e.OldValues[value].ToString() + "<br />";
      }

      // Cancel the update operation.
      e.Cancel = true;

    }
    else
    {
      // The field values passed validation. Clear the
      // error message label.
      MessageLabel.Text = "";
    }

  }

  ArrayList ValidateFields(IOrderedDictionary list)
  {
    
    // Create an ArrayList object to store the
    // names of any empty fields.
    ArrayList emptyFieldList = new ArrayList();

    // Iterate though the field values entered by
    // the user and check for an empty field. Empty
    // fields contain a null value.
    foreach (DictionaryEntry entry in list)
    {
      if (entry.Value == String.Empty)
      {
        // Add the field name to the ArrayList object.
        emptyFieldList.Add(entry.Key.ToString());
      }
    }

    return emptyFieldList;
  }

  void EmployeeFormView_ModeChanging(Object sender, FormViewModeEventArgs e)
  {
    if (e.CancelingEdit)
    {
      // The user canceled the update operation.
      // Clear the error message label.
      MessageLabel.Text = "";
    }
  }

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
  <head runat="server">
    <title>FormView Example</title>
</head>
<body>
    <form id="form1" runat="server">
        
      <h3>FormView Example</h3>
                       
      <asp:formview id="EmployeeFormView"
        datasourceid="EmployeeSource"
        allowpaging="true"
        datakeynames="EmployeeID"
        headertext="Employee Record"
        emptydatatext="No employees found."
        onitemupdating="EmployeeFormView_ItemUpdating"
        onmodechanging="EmployeeFormView_ModeChanging"  
        runat="server">
        
        <headerstyle backcolor="CornFlowerBlue"
          forecolor="White"
          font-size="14"
          horizontalalign="Center"  
          wrap="false"/>
        <rowstyle backcolor="LightBlue"
          wrap="false"/>
        <pagerstyle backcolor="CornFlowerBlue"/>

        <itemtemplate>
          <table>
            <tr>
              <td rowspan="6">
                <asp:image id="EmployeeImage"
                  imageurl='<%# Eval("PhotoPath") %>'
                  alternatetext='<%# Eval("LastName") %>' 
                  runat="server"/>
              </td>
              <td colspan="2">
                    
              </td>
            </tr>
            <tr>
              <td>
                <b>Name:</b>
              </td>
              <td>
                <%# Eval("FirstName") %> <%# Eval("LastName") %>
              </td>
            </tr>
            <tr>
              <td>
                <b>Title:</b>
              </td>
              <td>
                <%# Eval("Title") %>
              </td>
            </tr>
            <tr>
              <td>
                <b>Hire Date:</b>                 
              </td>
              <td>
                <%# Eval("HireDate","{0:d}") %>
              </td>
            </tr>
            <tr style="height:150; vertical-align:top">
              <td>
                <b>Address:</b>
              </td>
              <td>
                <%# Eval("Address") %><br/>
                <%# Eval("City") %> <%# Eval("Region") %>
                <%# Eval("PostalCode") %><br/>
                <%# Eval("Country") %>   
              </td>
            </tr>
            <tr>
              <td colspan="2">
                <asp:linkbutton id="Edit"
                  text="Edit"
                  commandname="Edit"
                  runat="server"/> 
              </td>
            </tr>
          </table>       
        </itemtemplate>
        <edititemtemplate>
          <table>
            <tr>
              <td rowspan="6">
                <asp:image id="EmployeeEditImage"
                  imageurl='<%# Eval("PhotoPath") %>'
                  alternatetext='<%# Eval("LastName") %>' 
                  runat="server"/>
              </td>
              <td colspan="2">
                    
              </td>
            </tr>
            <tr>
              <td>
                <b>Name:</b>
              </td>
              <td>
                <asp:textbox id="FirstNameUpdateTextBox"
                  text='<%# Bind("FirstName") %>'
                  runat="server"/>
                <asp:textbox id="LastNameUpdateTextBox"
                  text='<%# Bind("LastName") %>'
                  runat="server"/>
              </td>
            </tr>
            <tr>
              <td>
                <b>Title:</b>
              </td>
              <td>
                <asp:textbox id="TitleUpdateTextBox"
                  text='<%# Bind("Title") %>'
                  runat="server"/> 
              </td>
            </tr>
            <tr>
              <td>
                <b>Hire Date:</b>                 
              </td>
              <td>
                <asp:textbox id="HireDateUpdateTextBox"
                  text='<%# Bind("HireDate", "{0:d}") %>'
                  runat="server"/>
              </td>
            </tr>
            <tr style="height:150; vertical-align:top">
              <td>
                <b>Address:</b>
              </td>
              <td>
                <asp:textbox id="AddressUpdateTextBox"
                  text='<%# Bind("Address") %>'
                  runat="server"/>
                <br/>
                <asp:textbox id="CityUpdateTextBox"
                  text='<%# Bind("City") %>'
                  runat="server"/> 
                <asp:textbox id="RegionUpdateTextBox"
                  text='<%# Bind("Region") %>'
                  width="40"
                  runat="server"/>
                <asp:textbox id="PostalCodeUpdateTextBox"
                  text='<%# Bind("PostalCode") %>'
                  width="60"
                  runat="server"/>
                <br/>
                <asp:textbox id="CountryUpdateTextBox"
                  text='<%# Bind("Country") %>'
                  runat="server"/> 
              </td>
            </tr>
            <tr>
              <td colspan="2">
                <asp:linkbutton id="UpdateButton"
                  text="Update"
                  commandname="Update"
                  runat="server"/>
                <asp:linkbutton id="CancelButton"
                  text="Cancel"
                  commandname="Cancel"
                  runat="server"/> 
              </td>
            </tr>
          </table>       
        </edititemtemplate>
          
        <pagersettings position="Bottom"
          mode="Numeric"/> 
                  
      </asp:formview>
      
      <br/><br/>
      
      <asp:label id="MessageLabel"
          forecolor="Red"
          runat="server"/>
          
      <!-- This example uses Microsoft SQL Server and connects  -->
      <!-- to the Northwind sample database. Use an ASP.NET     -->
      <!-- expression to retrieve the connection string value   -->
      <!-- from the Web.config file.                            -->
      <asp:sqldatasource id="EmployeeSource"
        selectcommand="Select [EmployeeID], [LastName], [FirstName], [Title], [Address], [City], [Region], [PostalCode], [Country], [HireDate], [PhotoPath] From [Employees]"
        updatecommand="Update [Employees] Set [LastName]=@LastName, [FirstName]=@FirstName, [Title]=@Title, [Address]=@Address, [City]=@City, [Region]=@Region, [PostalCode]=@PostalCode, [Country]=@Country Where [EmployeeID]=@EmployeeID"
        connectionstring="<%$ ConnectionStrings:NorthWindConnectionString%>" 
        runat="server"/>
            
    </form>
  </body>
</html>

<%@ Page language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">

  Sub EmployeeFormView_ItemUpdating(ByVal sender As Object, ByVal e As FormViewUpdateEventArgs) Handles EmployeeFormView.ItemUpdating
  
    ' Validate the field values entered by the user. This
    ' example determines whether the user left any fields
    ' empty. Use the NewValues property to access the new 
    ' values entered by the user.
        Dim emptyFieldList As ArrayList = ValidateFields(e.NewValues)

    If emptyFieldList.Count > 0 Then

      ' The user left some fields empty. Display an error message.
      
      ' Use the Keys property to retrieve the key field value.
      Dim keyValue As String = e.Keys("EmployeeID").ToString()

      MessageLabel.Text = "You must enter a value for each field of record " & _
        keyValue & ".<br/>The following fields are missing:<br/><br/>"

      ' Display the missing fields.
      Dim value As String
      For Each value In emptyFieldList
      
        ' Use the OldValues property to access the original value
        ' of a field.
        MessageLabel.Text &= value & " - Original Value = " & _
          e.OldValues(value).ToString() & "<br />"
        
      Next

      ' Cancel the update operation.
      e.Cancel = True

    Else
    
      ' The field values passed validation. Clear the
      ' error message label.
      MessageLabel.Text = ""
      
    End If

  End Sub

  Function ValidateFields(ByVal list As IOrderedDictionary) As ArrayList
    
    ' Create an ArrayList object to store the
    ' names of any empty fields.
    Dim emptyFieldList As New ArrayList()

    ' Iterate though the field values entered by
    ' the user and check for an empty field. Empty
    ' fields contain a null value.
    Dim entry As DictionaryEntry
    
    For Each entry In list
    
      If entry.Value Is String.Empty Then
      
        ' Add the field name to the ArrayList object.
        emptyFieldList.Add(entry.Key.ToString())
        
      End If
      
    Next

    Return emptyFieldList
  
  End Function
  
  Sub EmployeeFormView_ModeChanging(ByVal sender As Object, ByVal e As FormViewModeEventArgs) Handles EmployeeFormView.ModeChanging
  
    If e.CancelingEdit Then
      
      ' The user canceled the update operation.
      ' Clear the error message label.
      MessageLabel.Text = ""
    
    End If
    
  End Sub
  
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
  <head runat="server">
    <title>FormView Example</title>
</head>
<body>
    <form id="form1" runat="server">
        
      <h3>FormView Example</h3>
                       
      <asp:formview id="EmployeeFormView"
        datasourceid="EmployeeSource"
        allowpaging="true"
        datakeynames="EmployeeID"
        headertext="Employee Record"
        emptydatatext="No employees found."
        runat="server">
        
        <headerstyle backcolor="CornFlowerBlue"
          forecolor="White"
          font-size="14"
          horizontalalign="Center"  
          wrap="false"/>
        <rowstyle backcolor="LightBlue"
          wrap="false"/>
        <pagerstyle backcolor="CornFlowerBlue"/>

        <itemtemplate>
          <table>
            <tr>
              <td rowspan="6">
                <asp:image id="EmployeeImage"
                  imageurl='<%# Eval("PhotoPath") %>'
                  alternatetext='<%# Eval("LastName") %>' 
                  runat="server"/>
              </td>
              <td colspan="2">
                    
              </td>
            </tr>
            <tr>
              <td>
                <b>Name:</b>
              </td>
              <td>
                <%# Eval("FirstName") %> <%# Eval("LastName") %>
              </td>
            </tr>
            <tr>
              <td>
                <b>Title:</b>
              </td>
              <td>
                <%# Eval("Title") %>
              </td>
            </tr>
            <tr>
              <td>
                <b>Hire Date:</b>                 
              </td>
              <td>
                <%# Eval("HireDate","{0:d}") %>
              </td>
            </tr>
            <tr style="height:150; vertical-align:top">
              <td>
                <b>Address:</b>
              </td>
              <td>
                <%# Eval("Address") %><br/>
                <%# Eval("City") %> <%# Eval("Region") %>
                <%# Eval("PostalCode") %><br/>
                <%# Eval("Country") %>   
              </td>
            </tr>
            <tr>
              <td colspan="2">
                <asp:linkbutton id="Edit"
                  text="Edit"
                  commandname="Edit"
                  runat="server"/> 
              </td>
            </tr>
          </table>       
        </itemtemplate>
        <edititemtemplate>
          <table>
            <tr>
              <td rowspan="6">
                <asp:image id="EmployeeEditImage"
                  imageurl='<%# Eval("PhotoPath") %>'
                  alternatetext='<%# Eval("LastName") %>' 
                  runat="server"/>
              </td>
              <td colspan="2">
                    
              </td>
            </tr>
            <tr>
              <td>
                <b>Name:</b>
              </td>
              <td>
                <asp:textbox id="FirstNameUpdateTextBox"
                  text='<%# Bind("FirstName") %>'
                  runat="server"/>
                <asp:textbox id="LastNameUpdateTextBox"
                  text='<%# Bind("LastName") %>'
                  runat="server"/>
              </td>
            </tr>
            <tr>
              <td>
                <b>Title:</b>
              </td>
              <td>
                <asp:textbox id="TitleUpdateTextBox"
                  text='<%# Bind("Title") %>'
                  runat="server"/> 
              </td>
            </tr>
            <tr>
              <td>
                <b>Hire Date:</b>                 
              </td>
              <td>
                <asp:textbox id="HireDateUpdateTextBox"
                  text='<%# Bind("HireDate", "{0:d}") %>'
                  runat="server"/>
              </td>
            </tr>
            <tr style="height:150; vertical-align:top">
              <td>
                <b>Address:</b>
              </td>
              <td>
                <asp:textbox id="AddressUpdateTextBox"
                  text='<%# Bind("Address") %>'
                  runat="server"/>
                <br/>
                <asp:textbox id="CityUpdateTextBox"
                  text='<%# Bind("City") %>'
                  runat="server"/> 
                <asp:textbox id="RegionUpdateTextBox"
                  text='<%# Bind("Region") %>'
                  width="40"
                  runat="server"/>
                <asp:textbox id="PostalCodeUpdateTextBox"
                  text='<%# Bind("PostalCode") %>'
                  width="60"
                  runat="server"/>
                <br/>
                <asp:textbox id="CountryUpdateTextBox"
                  text='<%# Bind("Country") %>'
                  runat="server"/> 
              </td>
            </tr>
            <tr>
              <td colspan="2">
                <asp:linkbutton id="UpdateButton"
                  text="Update"
                  commandname="Update"
                  runat="server"/>
                <asp:linkbutton id="CancelButton"
                  text="Cancel"
                  commandname="Cancel"
                  runat="server"/> 
              </td>
            </tr>
          </table>       
        </edititemtemplate>
          
        <pagersettings position="Bottom"
          mode="Numeric"/> 
                  
      </asp:formview>
      
      <br/><br/>
      
      <asp:label id="MessageLabel"
          forecolor="Red"
          runat="server"/>
          
      <!-- This example uses Microsoft SQL Server and connects  -->
      <!-- to the Northwind sample database. Use an ASP.NET     -->
      <!-- expression to retrieve the connection string value   -->
      <!-- from the Web.config file.                            -->
      <asp:sqldatasource id="EmployeeSource"
        selectcommand="Select [EmployeeID], [LastName], [FirstName], [Title], [Address], [City], [Region], [PostalCode], [Country], [HireDate], [PhotoPath] From [Employees]"
        updatecommand="Update [Employees] Set [LastName]=@LastName, [FirstName]=@FirstName, [Title]=@Title, [Address]=@Address, [City]=@City, [Region]=@Region, [PostalCode]=@PostalCode, [Country]=@Country Where [EmployeeID]=@EmployeeID"
        connectionstring="<%$ ConnectionStrings:NorthWindConnectionString%>" 
        runat="server"/>
            
    </form>
  </body>
</html>

Poznámky

Rozhraní IBindableTemplate poskytuje způsob, jak ASP.NET ovládací prvky vázané na data, jako DetailsViewje například , GridViewa FormView, vytvořit vazbu na data poskytnutá ovládacím prvek ASP.NET zdroje dat, například ObjectDataSource nebo SqlDataSource, pokud ovládací prvek vázané na data obsahuje šablonovaný obsah.

Poznámka:

Vývojáři stránek neimplementují IBindableTemplate rozhraní. Vývojáři, kteří vytvářejí vlastní ovládací prvky vázané na data, mohou manipulovat s IBindableTemplate objekty v implementacích PerformDataBinding metod, ExtractRowValues ale neimplementují vlastní IBindableTemplate objekty.

Ovládací prvky vázané na data, jako GridView jsou obvykle, vědí o podřízených stromech ovládacích prvků, a proto můžou svázat hodnoty s nimi, extrahovat z nich hodnoty a předávat tyto hodnoty mezi ovládacím prvku svázaným datem a ovládacím prvku zdroje dat při každém výskytu datové vazby. Pokud ale vývojář stránky definuje šablonovaný obsah ovládacího prvku vázaného na data, podřízené ovládací prvky v rámci šablony nejsou viditelné nadřazeným ovládacím prvkům vázaným na data: nadřazený prvek může vykreslit podřízený obsah (protože ovládací prvky se efektivně vykreslují), ale nemůže extrahovat hodnoty těchto podřízených ovládacích prvků, aby bylo možné předat aktualizaci přidruženého ovládacího prvku zdroje dat, operace vložení nebo odstranění. Ve scénářích datových vazeb je obsah šablony neprůzný pro nadřazený ovládací prvek vázaný na data. Syntaxe Bind umožňuje ovládacímu prvku vázanému na data extrahovat hodnoty z řídicích dat vázaných uvnitř IBindableTemplate instance.

Datová vazba může být jednosměrná nebo obousměrná. (Tyto směry vazeb jsou definovány výčtem BindingDirection .) Jednosměrná datová vazba je jakákoli datová vazba prováděná odchozím směrem, od správy zdroje dat k ovládacímu prvku vázanému na data; Každý scénář čtení dat například zahrnuje jednosměrnou datovou vazbu. Pro jednosměrnou datovou vazbu můžete použít jednosměrnou syntaxi datových vazeb (<%# Eval("fieldname") %>) uvnitř šablonovaného obsahu a nemusíte používat obousměrnou syntaxi ASP.NET datové vazby. Obousměrná datová vazba popisuje datovou vazbu v příchozím směru od ovládacího prvku vázaného na data do ovládacího prvku zdroje dat. Scénáře automatické úpravy, vkládání a odstraňování pomocí ASP.NET ovládacích prvků vázané na data a zdroje dat jsou obousměrné scénáře datových vazeb. Tyto scénáře používají obousměrné výrazy datové vazby (<%# Bind("fieldname") %>). Rozhraní IBindableTemplate a infrastruktura ASP.NET podporují automatickou, deklarativní obousměrnou datovou vazbu mezi ovládacími prvky zdroje dat ASP.NET a šablonovaným obsahem. Další informace o ASP.NET výrazů a syntaxi datových vazeb najdete v tématu Vazby k databázím a přehledu výrazůData-Binding.

Šablonovaný obsah pro ovládací prvky vázané na data se nejčastěji definuje deklarativním způsobem. Následující tabulka popisuje procesy, které se nejčastěji používají k vytvoření vazby šablonovaných dat k ovládacím prvkům vázaným na data.

Ovládací prvek svázaný s daty Proces
DetailsView Ovládací prvek svázaný s daty je vázán na data pomocí DataSourceID vlastnosti ovládacího prvku zdroje dat a šablonovaný obsah je definován v objektu ItemTemplatenebo EditItemTemplateInsertItemTemplate vlastnosti.
GridView Ovládací prvek svázaný s daty je vázán na data pomocí DataSourceID vlastnosti ovládacího prvku zdroje dat a šablona obsahu je definována v objektu ItemTemplate nebo EditItemTemplate vlastnosti. Ovládací GridView prvek nepodporuje operaci vložení.
FormView Ovládací prvek svázaný s daty je vázán na data pomocí DataSourceID vlastnosti a šablonovaný obsah je definován v objektu ItemTemplate, InsertItemTemplate, nebo EditItemTemplate vlastnost, nebo v objektu TemplateField .

Repeater Ovládací DataList prvky nepodporují automatické obousměrné scénáře datových vazeb.

ASP.NET implicitně vytvoří IBindableTemplate objekt při šablonovaném obsahu, který je vázán na ovládací prvek zdroje dat ASP.NET uvnitř šablony. Konkrétně analyzátor ASP.NET vytvoří instanci CompiledBindableTemplateBuilder třídy při analýze šablonovaného obsahu, který používá ASP.NET syntaxi datové vazby a obsahuje ASP.NET ovládací prvky webového serveru, které podporují datovou vazbu. Tyto ASP.NET ovládací prvky serveru jsou označené atributem BindableAttribute .

Rozhraní IBindableTemplate definuje jednu metodu. ExtractValues Tato metoda je definována pro obousměrnou datovou vazbu, aby ovládací prvek svázaný s daty mohl automaticky extrahovat páry název/hodnota ze šablonovaného obsahu a předat dvojice do ovládacího prvku zdroje dat za běhu. Aby byla automatická datová vazba úspěšná, musí názvy polí extrahované ze šablonovaného obsahu metodou ExtractValues odpovídat názvům parametrů v přidružené správě zdroje dat. Vývojáři ovládacích prvků volají metodu ExtractValues explicitně pouze v rámci jejich implementací ExtractRowValues nebo jiné podobné metody vlastního ovládacího prvku vázaného na data.

Metody

Name Description
ExtractValues(Control)

Při implementaci třídou načte sadu dvojic název/hodnota pro hodnoty vázané pomocí obousměrné ASP.NET syntaxe datové vazby v rámci šablonovaného obsahu.

InstantiateIn(Control)

Při implementaci třídou definuje Control objekt, do kterého patří podřízené ovládací prvky a šablony. Tyto podřízené ovládací prvky se pak definují v vložené šabloně.

(Zděděno od ITemplate)

Platí pro

Viz také