[CLOSED] Tooltip not working within ViewPort

  1. #1

    [CLOSED] Tooltip not working within ViewPort

    Hi folks, I am trying to implement a GridPanel Cell Tooltip inside a Viewport, as shown in the following example: https://examples2.ext.net/#/Miscella..._Cell_Tooltip/

    I noticed that there is an issue when the GridPanel is inside a Viewport: http://forums.ext.net/showthread.php...-with-Viewport. I implemented it as show in the previous example but i was not able to achieve the same results.

    Any ideas to overcome this issue?

    1 - JavaScript
    <script type="text/javascript">
        var showToolTip = function (toolTip, grid) {
            alert("hier");
            var cellIndex = grid.view.findCellIndex(toolTip.triggerElement);
            var fieldName = grid.getColumnModel().getDataIndex(cellIndex);
            var rowIndex = grid.view.findRowIndex(toolTip.triggerElement);
            var record = StoreEventList.getAt(rowIndex);
            data = record.get(column.dataIndex);
            toolTip.update(data);
        };
    </script>
    2 - View
    <ext:Viewport ID="Viewport1" runat="server" Layout="BorderLayout">
        <Items>
            <ext:GridPanel ID="GridPanel1" runat="server" Region="Center" Title="Plants" Frame="false">
                <Store>
                    <ext:Store runat="server" ID="Store2">
                        <Proxy>
                            <ext:AjaxProxy Url="/Example/LoadFakeRecords/">
                                <ActionMethods Read="POST" />
                                <Reader>
                                    <ext:JsonReader Root="data" />
                                </Reader>
                            </ext:AjaxProxy>
                        </Proxy>
                        <Model>
                            <ext:Model ID="Model2" runat="server">
                                <Fields>
                                    <ext:ModelField Name="ID" Type="String" />
                                    <ext:ModelField Name="Name" Type="String" />
                                    <ext:ModelField Name="Address" Type="String" />
                                </Fields>
                            </ext:Model>
                        </Model>
                        <Sorters>
                            <ext:DataSorter Property="Common" Direction="ASC" />
                        </Sorters>
                    </ext:Store>
                </Store>
                <ColumnModel ID="ColumnModel1" runat="server">
                    <Columns>
                        <ext:Column ID="Column1" runat="server" Text="ID" DataIndex="ID" />
                        <ext:Column ID="Column3" runat="server" Text="Name" DataIndex="Name" />
                        <ext:Column ID="Column2" runat="server" Text="Address" DataIndex="Address" />
                    </Columns>
                </ColumnModel>
                <Bin>
                    <ext:ToolTip ID="RowTip" runat="server" Target="={GridPanel1.getView().mainBody}"
                        MaxWidth="1000" MaxHeight="1000" Delegate=".x-grid3-cell" TrackMouse="true" ShowDelay="10"
                        Anchor="bottom" NoCache="true" Closable="true" Icon="PageWhite">
                        <Listeners>
                            <Show Handler="showToolTip(#{RowTip}, #{GridPanel1});" />
                        </Listeners>
                    </ext:ToolTip>
                </Bin>
            </ext:GridPanel>
        </Items>
    </ext:Viewport>
    3 - Controller
    public StoreResult LoadFakeRecords()
    {
    
        List<Person> lst = new List<Person>();
    
        for (int index = 0; index < 20; index++)
        {
            lst.Add(new Person
            {
                ID = index,
                Name = "Name" + index,
                Address = "Address" + index,
            });
        }
    
        return new StoreResult(lst, lst.Count());
    }
    4 - Utility
    public class Person
    {
        public int ID { get; set; }
    
        public string Name { get; set; }
    
        public string Address { get; set; }
    }
    Last edited by Daniil; Oct 12, 2012 at 6:06 AM. Reason: [CLOSED]
  2. #2
    Hi Raphael,

    Does it not throw a JavaScript error here?
    var record = StoreEventList.getAt(rowIndex);
    I just can't see the StoreEventList definition in your sample.

    i was not able to achieve the same results
    Unfortunately, it is no so informative. Please always try to provide more details. For example, "There is no any error, but the ToolTip doesn't appear. The showToolTip is not triggered at all."

Similar Threads

  1. [CLOSED] GridPanel Cell Tooltip is not working
    By supera in forum 2.x Legacy Premium Help
    Replies: 3
    Last Post: Dec 27, 2017, 11:47 AM
  2. [CLOSED] ToolTip not working with Viewport
    By sisa in forum 1.x Legacy Premium Help
    Replies: 8
    Last Post: Sep 06, 2012, 3:41 PM
  3. [CLOSED] Window in viewport not working
    By RCM in forum 2.x Legacy Premium Help
    Replies: 6
    Last Post: Mar 13, 2012, 6:08 PM
  4. [CLOSED] Tooltip + Grid + ViewPort
    By majunior in forum 1.x Legacy Premium Help
    Replies: 24
    Last Post: Jan 28, 2012, 10:15 AM
  5. [CLOSED] Tooltip and KeyMap is not working on htmlEditor
    By yobnet in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: May 25, 2010, 8:20 AM

Posting Permissions