Welcome Guest Search | Active Topics | Sign In | Register

When press tab button in order to move to the last cell in the grid, the scroll bar didn't move to e Options
Texwinca Developer
Posted: Tuesday, November 17, 2009 2:23:22 AM
Rank: Advanced Member
Groups: Member

Joined: 3/31/2009
Posts: 52
I created a grid with 11 columns. The following are some of my Grid configuration settings.

FixedColumnCount = 1
AllowNewItem = True
EnableKeyboardNavigation = True
FullRowMode = True
RunningMode = Client

If I want to edit the cell value, I would press the "Enter" button to start editing and then press "Tab" button in order to move to the next cell and edit its value. However, when I move to the last cell by pressing "Tab" button, the scroll bar didn't scroll. Please see the below image.


You could try the test page that shown on the image. Thanks!
eo_support
Posted: Tuesday, November 17, 2009 6:32:06 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

We have posted a new build (2009.0.38) that should fix this issue. Please see your private message for download location.

Thanks!
Texwinca Developer
Posted: Tuesday, November 17, 2009 9:20:49 PM
Rank: Advanced Member
Groups: Member

Joined: 3/31/2009
Posts: 52
Hi support,

Thanks, the issue is fixed when the Grid Column type is "TextboxColumn".
How about if the Grid Column type is "CustomColumn"?

Could you give me an interface that can scroll the "scroll bar" when focus on custom column?
eo_support
Posted: Tuesday, November 17, 2009 9:25:17 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Hi,

The method is GridColumn.ensureVisible.

Thanks!
Texwinca Developer
Posted: Tuesday, November 17, 2009 9:31:11 PM
Rank: Advanced Member
Groups: Member

Joined: 3/31/2009
Posts: 52
Got it. Thanks. Let me try
Texwinca Developer
Posted: Tuesday, November 17, 2009 11:17:11 PM
Rank: Advanced Member
Groups: Member

Joined: 3/31/2009
Posts: 52
Hi Support,

The issue is almost fixed. I can call the "GridColumn.ensureVisible" when custom column control is focused. Please see the following coding
***************************************************
**Server-Side**
col = CType(Me.Grid3.Columns(12), EO.Web.CustomColumn)
txtBox = CType(col.EditorInstance.FindControl("txtRANGE_REM"), TextBox)
txtBox.Attributes.Add("OnFocus", "Grid_Scroll('Grid3',12);")
***************************************************
**Client-Side**
function Grid_Scroll(gridID,columnIndex)
{
var gridObj = eo_GetObject(gridID);
gridObj.getColumn(columnIndex).ensureVisible();

}
***************************************************

However, I have a custom column with MaskedEdit control, I can't set the onfocus event at client-side as below.
***************************************************
col = CType(Me.Grid3.Columns(1), EO.Web.CustomColumn)
CType(col.EditorInstance.FindControl("txtTO_DATE"), EO.Web.MaskedEdit).Attributes.Add("OnFocus", "Grid_Scroll('Grid3',1);")
***************************************************
Would you mind to give me suggestion? Thanks.
Texwinca Developer
Posted: Thursday, November 19, 2009 3:12:01 AM
Rank: Advanced Member
Groups: Member

Joined: 3/31/2009
Posts: 52
Finally, I solved it at client-side.
I add event to the Masked Edit control at run-time as below.

var obj = document.getElementById("Grid3_edit_txtFRM_DATE");
obj.onfocus = function() {
Grid_Scroll('Grid3',0);
}
eo_support
Posted: Thursday, November 19, 2009 7:17:45 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,194
Great. Thanks for sharing!


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.