Sep 11, 2012, 4:45 PM
How to loadRecord from GridPanel on <ext:image> in form panel
My model
how to <ext:image ID="image1"> auto show image from the row was selected !!
<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 !!
Last edited by mr_al_one; Sep 11, 2012 at 4:47 PM.