Sdílet prostřednictvím


IBindableTemplate Rozhraní

Definice

Poskytuje způsob, jak ASP.NET ovládací prvky vázané na data, jako DetailsView jsou a FormView, k automatickému vytvoření vazby na ASP.NET ovládací prvek zdroje dat v oddílech obsahu s šablonou.

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 ovládací prvek může deklarativně definovat obsah šablony, vytvořit vazbu na data poskytnutá ovládacím SqlDataSource prvek a zobrazit a upravit existující záznamy. ASP.NET analyzátor analyzuje obsah šablony 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ě pomocí jednosměrné syntaxe ASP.NET datové vazby (<%# Eval("fieldname") %>) a syntaxe obousměrné vazby dat (<%# Bind("fieldname") %>).

Důležité

Tento ovládací prvek má textové pole, které přijímá vstup uživatele, což je potenciální bezpečnostní hrozba. Ve výchozím nastavení ASP.NET webové stránky ověřte, že uživatelský vstup neobsahuje skript nebo elementy HTML. Další informace najdete 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 DetailsViewjsou , GridViewa FormView, k vytvoření vazby na data poskytnutá ASP.NET ovládacím prvku zdroje dat, jako ObjectDataSourceSqlDataSourceje nebo , pokud ovládací prvek vázané na data obsahuje obsah podle šablony.

Poznámka

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

Ovládací prvky vázané na data, jako GridView jsou obvykle, vědí o svých podřízených stromech ovládacích prvků, a proto s nimi můžou vázat hodnoty, extrahovat z nich hodnoty a předávat tyto hodnoty mezi ovládacím prvku vázaném na data a ovládacím prvku zdroje dat vždy, když dojde k datové vazbě. Pokud však vývojář stránky definuje obsah šablonovaný pro ovládací prvek vázaný 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ý ovládací 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ů pro předání do aktualizace 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 pro nadřazený ovládací prvek vázaný na data neprůzřetný. Syntaxe Bind umožňuje ovládacímu prvku vázanému na data extrahovat hodnoty z ovládacího prvku vázaného na data uvnitř IBindableTemplate instance.

Datová vazba může být jednosměrná nebo obousměrná. (Tyto směry vazby jsou definovány výčtem BindingDirection .) Jednosměrná datová vazba je jakákoli datová vazba prováděná v odchozím směru, od ovládacího prvku zdroje dat k ovládacímu prvku vázanému na data; Například každý scénář čtení dat zahrnuje jednosměrnou datovou vazbu. Pro jednosměrnou datovou vazbu můžete použít syntaxi jednosměrných datových vazeb (<%# Eval("fieldname") %>) uvnitř šablonovaného obsahu a není nutné používat obousměrnou syntaxi datové vazby ASP.NET. Obousměrná datová vazba popisuje datovou vazbu v příchozím směru, od ovládacího prvku vázaného na data k ovládacímu prvku zdroje dat. Scénáře automatických úprav, vkládání a odstraňování s využitím ASP.NET ovládacích prvků vázaných na data a zdroje dat jsou scénáře obousměrných datových vazeb. V těchto scénářích se používají výrazy obousměrné datové vazby (<%# Bind("fieldname") %>). Rozhraní IBindableTemplate a infrastruktura ASP.NET podporují automatickou deklarativní obousměrnou datovou vazbu mezi ASP.NET ovládacími prvky zdroje dat a obsahem založeným na šabloně. Další informace o ASP.NET výrazy a syntaxi datových vazeb najdete v tématu Vazba na databáze a Přehled výrazů datových vazeb.

Obsah šablony pro ovládací prvky vázané na data je nejčastěji definován deklarativně. Následující tabulka popisuje procesy, které se nejčastěji používají k vytvoření vazby dat šablony s ovládacími prvky vázanými na data.

Ovládací prvek vázaný na data Proces
DetailsView Ovládací prvek vázaný na data je vázán na data pomocí DataSourceID vlastnosti ovládacího prvku zdroje dat a obsah šablony je definován ve ItemTemplatevlastnosti nebo EditItemTemplateInsertItemTemplate .
GridView Ovládací prvek vázaný na data je vázán na data pomocí DataSourceID vlastnosti ovládacího prvku zdroje dat a obsah šablony je definován ve ItemTemplate vlastnosti nebo EditItemTemplate . Ovládací GridView prvek nepodporuje operaci vložení.
FormView Ovládací prvek vázaný na data je vázán na data pomocí DataSourceID vlastnosti a obsah šablony je definován ve ItemTemplatevlastnosti , InsertItemTemplatenebo EditItemTemplate nebo v objektu TemplateField .

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

ASP.NET implicitně vytvoří IBindableTemplate objekt při šablonovaném obsahu, který se váže na ASP.NET ovládací prvek zdroje dat v rámci šablony je analyzován. Konkrétně ASP.NET parser vytvoří instanci CompiledBindableTemplateBuilder třídy při analýze šablonovaného obsahu, který používá ASP.NET syntaxi datové vazby a obsahuje ovládací prvky webového serveru ASP.NET, které podporují datové vazby. 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ěrné datové vazby, takže ovládací prvek vázané na data může automaticky extrahovat páry název/hodnota z obsahu šablony a předávat páry do ovládacího prvku zdroje dat za běhu. Aby byla automatická datová vazba úspěšná, musí názvy polí extrahovaných z obsahu šablony metodou ExtractValues odpovídat názvům parametrů v přidruženém ovládacím prvku zdroje dat. Vývojáři ovládacích prvků volají metodu ExtractValues explicitně pouze v rámci implementace ExtractRowValues nebo jiné podobné metody vlastního ovládacího prvku vázaného na data.

Metody

ExtractValues(Control)

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

InstantiateIn(Control)

Při implementaci třídou definuje Control objekt, který patří podřízeným ovládacím prvkům a šablonám. Tyto podřízené ovládací prvky jsou následně definovány v rámci vložené šablony.

(Zděděno od ITemplate)

Platí pro

Viz také