How to loadRecord from GridPanel on <ext:image> in form panel

[mr_al_one]

My model

<Model>
        <ext:Model ID="Model1" Name="Staff" runat="server">
            <Fields>
                <ext:ModelField Name="ID"/>                
                <ext:ModelField Name="Url" />
            </Fields>
        </ext:Model>
    </Model>                    
</ext:Store>

My Formpanel

<ext:FormPanel 
    ID="UserForm" 
    runat="server"
    Icon="User"
    Frame="true"
    LabelAlign="Right"
    Title="User -- All fields are required"
    Width="500">
    <Items>
        <ext:TextField ID="TextField1" runat="server"
            FieldLabel="ID"
            Name="ID"
            AllowBlank="false"                    
            AnchorHorizontal="100%"                     
            />                  
             <ext:Image ID="Image1" runat="server" 
            AllowPan="true"
            Width="150"
            Height="150"             
            />
    </Items>
</ext:FormPanel>

<ext:GridPanel ID="GridPanel1" 
            runat="server" 
            Title="List" 
            StoreID="Store1"             
            >
            <ColumnModel ID="ColumnModel1" runat="server">
                <Columns>
                    <ext:Column ID="Column1" 
                        runat="server" 
                        Text="ID" 
                        DataIndex="ID" 
                        Flex="1"                        
                        />
                   <ext:TemplateColumn ID="TemplateColumn1"
                        runat="server"
                        Text="Image"
                        DataIndex="url"
                        TemplateString='<img style="width:60px;height:45px;" src="{url}" />'
                        />
                 </Columns>
        </ColumnModel>
        <SelectionModel>
        <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" Mode="Single">
            <Listeners>                        
                <Select Handler="#{UserForm}.getForm().loadRecord(record);#{Image1}.ImageUrl=#{GridPanel1}.store.getAt(#{GridPanel1}.getSelectedIndex()).get('url');" />
            </Listeners>
        </ext:RowSelectionModel>
    </SelectionModel>
</ext:GridPanel>

<Select Handler="#{UserForm}.getForm().loadRecord(record); #{Image1}.ImageUrl=#{GridPanel1}.store.getAt(#{Gri dPanel1}.getSelectedIndex()).get('url');" />
how to <ext:image ID="image1"> auto show image from the row was selected !!