comment ajouter des images dans la pagination gridview

Question

J'utilise le code vb.net.

Je affichage de la grille, s'il vous plaît voir le code ci-dessous:

<asp:GridView ID="GridView1" runat="server" AllowPaging="True" AllowSorting="True" 
    AutoGenerateColumns="False" CssClass="innerGridTable" DataKeyNames="OrgID" DataSourceID="OrgGridViewDataSource"> 
    <PagerSettings NextPageImageUrl="~/images/arrow-right-active.gif" PreviousPageImageUrl="~/images/arrow-left-active.gif" /> 
    <Columns> 
     <asp:CommandField ShowSelectButton="True" ButtonType="Button" SelectText="Select" 
      ControlStyle-CssClass="Button"> 
      <ControlStyle CssClass="Button"></ControlStyle> 
     </asp:CommandField> 
     <asp:BoundField DataField="OrgName" HeaderText="Organisation Name" SortExpression="OrgName"> 
     </asp:BoundField> 
     <asp:BoundField DataField="Type" HeaderText="Type" SortExpression="Type"></asp:BoundField> 
     <asp:BoundField Visible="true" DataField="OrgID" HeaderText="OrgID" InsertVisible="False" 
      ReadOnly="True" SortExpression="OrgID"></asp:BoundField> 
     <asp:TemplateField Visible="false" HeaderText="RAOG ID"> 
      <ItemTemplate> 
       <asp:Label ID="lblRAOGID" runat="server" Text='<%# Bind("RAOGID") %>'></asp:Label> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:TemplateField Visible="false" HeaderText="RAO ID"> 
      <ItemTemplate> 
       <asp:Label ID="lblRAOID" runat="server" Text='<%# Bind("RAOID") %>'></asp:Label> 
      </ItemTemplate> 
     </asp:TemplateField> 
     <asp:BoundField Visible="false" DataField="Name" HeaderText="Name" SortExpression="Name"> 
     </asp:BoundField> 
    </Columns> 
</asp:GridView> 

Je gridview la pagination, maintenant je veux ajouter des images pour le bouton précédent et suivant dans la pagination. Comment je peux le faire dans le gridview.

Aidez s'il vous plaît!

Answer 1

Si vous souhaitez conserver votre accessibilité lorsque vous remplacez des éléments textuels par des images, j'ai souvent utilisé la technique CSS.

Ce que je fais est de mettre l'élément à css quelque chose comme ceci:

text-indent: -9999em; 
background-image: url(../images/bg-image.png); 
background-repeat: no-repeat; 

De cette façon, le code html sous-jacente est toujours bonne, mais l'ajoute l'effet css d'utiliser une image.

Juste une idée.