[CLOSED] Change the syle of EmptyText

  1. #1

    [CLOSED] Change the syle of EmptyText

    Hi folks, i have a GridView with EmptyText property set with "xxx". i want to change the style of the message.

    i tried to accomplish this task using the solution found at http://forums.ext.net/showthread.php...l-in-GridPanel but i was not successful.

    <style type="text/css">
         .x-grid-empty {
              text-align: center;
         }
    </style>
    <Render Handler="el.getView().refresh()" Delay="100" />
    Last edited by Daniil; Jun 04, 2012 at 7:27 PM. Reason: [CLOSED]
  2. #2
    I can´t accomplish it by setting both GridView´s EmptyText and DeferEmptyText properties.
    grd.View.Add(new GridView { TrackOver = true, EmptyText = "message", DeferEmptyText = false });
    But if i set the GridPanel´s EmptyText property and GridView´s DeferEmptyText it works.
    GridPanel grd = new GridPanel
    {
        ID = "_grd",
        EmptyText = "message"
    };
    grd.View.Add(new GridView { TrackOver = true, DeferEmptyText = false });
    Is this behaviour expected?
  3. #3
    Hi,

    If you want an empty text to be wrapped in a <div> with "x-grid-empty" CSS class (it will allow to easily stylize it), then yes, you should set up EmptyText for GridPanel.

    Example
    <%@ Page Language="C#" %>
     
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Ext.NET v2 Example</title>
    
        <style type="text/css">
            .my-grid .x-grid-empty {
                color: red;
            }
        </style>
    </head>
    <body>
        <ext:ResourceManager runat="server" />
        <ext:GridPanel 
            runat="server" 
            Height="100" 
            Cls="my-grid" 
            EmptyText="EmptyText">
            <Store>
                <ext:Store runat="server">
                    <Model>
                        <ext:Model runat="server">
                            <Fields>
                                <ext:ModelField Name="test" />
                            </Fields>
                        </ext:Model>
                    </Model>
                </ext:Store>
            </Store>
            <ColumnModel runat="server">
                <Columns>
                    <ext:Column runat="server" Text="Test" DataIndex="test" />
                </Columns>
            </ColumnModel>
            <View>
                <ext:GridView runat="server" DeferEmptyText="false" />
            </View>
        </ext:GridPanel>
    </body>
    </html>
    Setting up EmptyText for GridView shows that EmptyText, but it's not stylized.

    Example
    <%@ Page Language="C#" %>
     
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Ext.NET v2 Example</title>
    </head>
    <body>
        <ext:ResourceManager runat="server" />
        <ext:GridPanel runat="server" Height="100" >
            <Store>
                <ext:Store runat="server">
                    <Model>
                        <ext:Model runat="server">
                            <Fields>
                                <ext:ModelField Name="test" />
                            </Fields>
                        </ext:Model>
                    </Model>
                </ext:Store>
            </Store>
            <ColumnModel runat="server">
                <Columns>
                    <ext:Column runat="server" Text="Test" DataIndex="test" />
                </Columns>
            </ColumnModel>
            <View>
                <ext:GridView runat="server" EmptyText="EmptyText" DeferEmptyText="false" />
            </View>
        </ext:GridPanel>
    </body>
    </html>
  4. #4
    Thank you Daniil, please mark is as resolved

Similar Threads

  1. [CLOSED] How to keep the EmptyText item in the ComboBox?
    By vadym.f in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: Jul 31, 2012, 2:22 PM
  2. [CLOSED] Syntax to set EmptyText
    By vali1993 in forum 1.x Legacy Premium Help
    Replies: 12
    Last Post: Jan 24, 2011, 6:48 PM
  3. [CLOSED] NumberField EmptyText
    By jeybonnet in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Oct 27, 2010, 7:30 AM
  4. [CLOSED] [1.0] - SpinnerField - EmptyText issues.
    By drkoh in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: May 26, 2010, 9:58 AM
  5. [1.0] Field EmptyText
    By Timothy in forum 1.x Legacy Premium Help
    Replies: 4
    Last Post: Mar 11, 2010, 3:47 PM

Posting Permissions