We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

tool tip setup

How to set a tool tip to particular column on the grid view at code begaind.

Attachment: Grid_6c1866bc.7z

3 Replies

VA Venkatesh Ayothi Raman Syncfusion Team March 21, 2016 07:37 AM UTC

Hi Alavudeen,

Thanks for contacting Syncfusion support.

We have achieved your requirement “Show a tooltip for particular column in code behind“ by setting a tooltip to specific column before binding the data in code behind. Also, we have an UG document for the same.
Please refer to the following code example, screen shot, help document and sample,

Code Example:

<ej:Grid ID="Grid1"  OnDataBound="databound" AllowSorting="true"  AllowSelection ="True"

             AllowScrolling="True" AllowResizing="True" 

            EnableRowHover="true" AllowFiltering="True"  AllowPaging="true" AllowCellMerging="false"

             ShowStackedHeader="true" Locale="en-US" AllowMultiSorting="false"

             AllowGrouping="True" 

            runat="server">

          

            <Columns>

                <ej:Column Field="OrderID" HeaderText="Order ID"   TextAlign="Right" Width="90" />

                <ej:Column Field="CustomerID" HeaderText="Customer ID"   Width="100"  />

                <ej:Column Field="EmployeeID" HeaderText="Employee ID" HeaderTemplateID="#employeeTemplate" TextAlign="Right" Width="110"  />

                <ej:Column Field="Freight" HeaderText="Freight"  TextAlign="Right" Width="90" Format="{0:C}" />

                <ej:Column Field="OrderDate" HeaderText="Order Date" Width="100" HeaderTemplateID="#dateTemplate" TextAlign="Right" Format="{0:MM/dd/yyyy}" />

                <ej:Column Field="ShipCity" HeaderText="Ship City" Width="100" />

            </Columns>

           

             <PageSettings PageSize="15" />

           

         

             <ClientSideEvents ToolbarClick="onToolBarClick" />

           

            <SelectionSettings EnableToggle="true" />

          

        </ej:Grid>

ß----------------------à

<server side>

private void BindDataSource()

        {

            int orderId = 10000;

            int empId = 0;

            for (int i = 1; i < 9; i++)

            {

                order.Add(new Orders(orderId + 1, "VINET", empId + 1, 32.38, new DateTime(2014, 12, 25), "Reims"));

                order.Add(new Orders(orderId + 2, "TOMSP", empId + 2, 11.61, new DateTime(2014, 12, 21), "Munster"));

                order.Add(new Orders(orderId + 3, "ANATER", empId + 3, 45.34, new DateTime(2014, 10, 18), "Berlin"));

                order.Add(new Orders(orderId + 4, "ALFKI", empId + 4, 37.28, new DateTime(2014, 11, 23), "Mexico"));

                order.Add(new Orders(orderId + 5, "FRGYE", empId + 5, 67.00, new DateTime(2014, 05, 05), "Colchester"));

                order.Add(new Orders(orderId + 6, "JGERT", empId + 6, 23.32, new DateTime(2014, 10, 18), "Newyork"));

                orderId += 6;

                empId += 6;

            }

            this.Grid1.DataSource = order;

            this.Grid1.Model.Columns[1].Tooltip = "{{:value}}";

            this.Grid1.DataBind();

        }



Screenshot:


Help documentation: http://help.syncfusion.com/aspnet/grid/cell#tooltip

Sample: http://www.syncfusion.com/downloads/support/forum/123449/ze/SyncfusionASPNETApplication22026049638


Regards,
Venkatesh Ayothiraman.



AL alavudeen March 21, 2016 11:47 AM UTC

Thank you i got exact ans


VA Venkatesh Ayothi Raman Syncfusion Team March 22, 2016 07:19 AM UTC

Hi Alavudeen,

Thanks for your feedback.
We are happy to hear that your requirement is achieved.

Thanks,
Venkatesh Ayothiraman.

Loader.
Up arrow icon