This is a migrated thread and some comments may be shown as answers.

on rad grid column resizing event

10 Answers 276 Views

Grid

This is a migrated thread and some comments may be shown as answers.

10 Answers, 1 is accepted

answered on 10 Jul 2010, 06:04 AM

In my application,in ItemDatabound event

protected void gvResourceTasks_ItemDataBound(object sender, GridItemEventArgs e)

{

string tasknamecellText = (e.Item as GridDataItem)["Task_Name"].Text;

//here ((int)clsGeneric.gridtooltip.task_name)=15

if (Convert.ToInt16(tasknamecellText.Length) > ((int)clsGeneric.gridtooltip.task_name))

{

(e.Item as GridDataItem)["Task_Name"].Text = tasknamecellText.Substring(0, (int)clsGeneric.gridtooltip.task_name);

string task_namelength = (e.Item as GridDataItem)["Task_Name"].Text;

if (Convert.ToInt16(task_namelength.Length) == (int)clsGeneric.gridtooltip.task_name)

{

//string length1 = length + "......";

(e.Item as GridDataItem)["Task_Name"].Text = task_namelength +"......";

//(e.Item as GridDataItem)["Description"].Text = length1;

}

So,when I resize taskname column,entire text not displaying.

When I am resizing,the total text has to be displayed.

In function columnresized(sender,eventargs),how I have to write?

answered on 30 Jul 2020, 08:18 AM

Hi Sanjukta,

As we already have reached to a working option in the support thread you have opened I will post the suggested solution here as well:

Assigning a Substring of the original value to the Cell text will replace the initial string in the cell and therefore it cannot be recovered when enlarging the column width.

I would suggest avoiding the text modification inside the cells and use custom CSS to achieve the desired appearance.

Sample CSS:

html body .RadGrid tbody > tr.rgRow > td,
html body .RadGrid tbody > tr.rgAltRow > td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

Find more about the used CSS properties below:

Kind regards,
Doncho
Progress Telerik

answered on 04 Aug 2020, 10:23 AM

Sanjukta,

As I intended, I am sharing the proposed approach for achieving the desired behavior using RadToolTipManager.

Declare a RadToolTipManager with enabled AutoTooltipify and wire up the OnClientBeforeShow event listener:

<telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" AutoTooltipify="true" OnClientBeforeShow="onClientBeforeShow"></telerik:RadToolTipManager>

In the event listener, check if the text inside the target control is wrapped by comparing the offsetWidth and scrollWidth (in the current scenario target is the Grid cell <td> element). If text is wrapped, cancel the event:
```
function onClientBeforeShow(sender, args) {
    var target = sender.get_targetControl();
    if (target.offsetWidth >= target.scrollWidth) {
        args.set_cancel(true);
    }
}
```

Here you can find resources related to the sample above:

Kind regards,
Doncho
Progress Telerik