[CLOSED] Focus on first row in grid?

[Jurke]

Hi
I open a page that contains a gridpanel, I want the focus to be on the first row in this gridpanel when the user enters this page. This is to enable the users to directrly use the keys up/down to choose a record.

How do I do this?

/Mikael

[Vladimir]

Hi Mikael,

Try to add for GridPanel the following listener:

** * * * * *<Listeners>
** * * * * * * *<Render Handler="this.getSelectionModel().selectFirstRow();this.view.focusRow(0);" Delay="100" />
** * * * * *</Listeners>

[jchau]

I added a listener to the Load event of the store to highlight the first row in the grid. *Seems to work fine except I need to do a setTimeout or else the row is selected but not visually highlighted. *If I am using a datasourceproxy, then the setTimeout is not needed. *By putting this logic in the store's load, the first row will be highlighted every time the store is reloaded. *If you want this to work only the first time the store is loaded, you can attach a listener to the grid's Render event. *

** *<ext:Store ID="store" runat="server">
** * * *<AjaxEventConfig Type="Load" ViewStateMode="Exclude">
** * * *</AjaxEventConfig>
** * * *<Reader>
** * * * * *<ext:JsonReader>
** * * * * * * *<Fields>
** * * * * * * * * *<ext:RecordField Name="LastName">
** * * * * * * * * *</ext:RecordField>
** * * * * * * * * *<ext:RecordField Name="FirstName">
** * * * * * * * * *</ext:RecordField>
** * * * * * * *</Fields>
** * * * * *</ext:JsonReader>
** * * *</Reader>
** * * *<Listeners>
** * * * * *<Load Handler="setTimeout('#{grid}.getSelectionModel().selectFirstRow();#{grid}.getView().focusRow(0);', 100)" /> * * * * * *
** * * *</Listeners>
** *</ext:Store>

Edit: vladimir is just too fast for me!

[Vladimir]

yes, the version of jchau is much better if data for grid panel loads remotelly. *Thanks jchau for your code*

[jchau]

I didn't know about the delay property on listeners. *Very helpful. *Thanks vladimir.

[Jurke]

Hi
Thanks guys,
This works great, but I do want to add the listener from the codebehind. I tried this but it does not work:

GridPanel.Listeners.Render = new Listener(this.getSelectionModel().selectFirstRow();this.view.focusRow(0);" );

Also I dont know how to get the delay set?

/Mikael

[Vladimir]

Hi Mikael,

            GridPanel1.Listeners.Render.Handler = "this.getSelectionModel().selectFirstRow();this.view.focusRow(0);";
            GridPanel1.Listeners.Render.Delay = 100;

[Jurke]

I I get error. that says that the
GridPanel1.Listener.Renderer is write protected?

/Mikael

[Vladimir]

Hi,

yes, it is readonly therefore you must set listener properties directly, not required to create Listener object.
Does my previous code is working for you?

[Jurke]

Hi
No, thats genereting the readonly error.

/Mikael