Hi,
Below is my code. Now I want that when I click on next the data of the user are displays in the respective control(Store-> UserMasterStore)
Now I want that when I click on next the the data should also display in a GridPanel(Store->UserServiceStore) Of a respective User.
As in both UserId is comman field. How can I achieve this?
<ext:ResourceManager ID="ResourceManager1" runat="server">
    </ext:ResourceManager>
     <ext:Store ID="UserStore" runat="server">
        <Reader>
            <ext:JsonReader IDProperty="UserId">
                <Fields>
                    <ext:RecordField Name="UserId"/>
                    <ext:RecordField Name="UserName"/>
                    <ext:RecordField Name="UserGroupName" />             
                </Fields>
            </ext:JsonReader>
        </Reader>
     </ext:Store> 
     <ext:Store ID="UserServiceStore" runat="server">
        <Reader>
            <ext:JsonReader>
                <Fields>    
                    <ext:RecordField Name="ServiceName"/>              
                </Fields>
            </ext:JsonReader>
        </Reader>
      
     </ext:Store>  
    
    <ext:Store ID="UserMasterStore" runat="server" >
        <Reader>
            <ext:JsonReader IDProperty="UserId">
                <Fields>
                    <ext:RecordField Name="UserId">
                    </ext:RecordField>
                    <ext:RecordField Name="FirstName" />
                    <ext:RecordField Name="MiddleName" />
                    <ext:RecordField Name="LastName" />
                    <ext:RecordField Name="UserName" />
                    <%--<ext:RecordField Name="Password" />--%>
                    <ext:RecordField Name="JoiningDate" Type="Date"/>
                    <ext:RecordField Name="DateOfBirth" Type="Date"/>
                    <ext:RecordField Name="ContactNo" />
                    <ext:RecordField Name="Address" />
                    <ext:RecordField Name="FK_City_Id" />
                    <ext:RecordField Name="Mobile" />
                    <ext:RecordField Name="Email" />
                    <ext:RecordField Name="IsLocked">
                    </ext:RecordField>
                    <ext:RecordField Name="IsDeleted" />
                    <ext:RecordField Name="FK_UserGroup_Id" />
                    <ext:RecordField Name="UserGroupName" />
                    <ext:RecordField Name="CityName" />
                    <ext:RecordField Name="Gender" >
                    </ext:RecordField>
                    <ext:RecordField Name="YearOfExperience" />
                </Fields>
            </ext:JsonReader>
        </Reader>
        <Listeners>
            <DataChanged Handler="var record = this.getAt(0) || {};#{FormPanel1}.getForm().loadRecord(record);"
                Delay="10" />
        </Listeners>
    </ext:Store>
    <ext:Viewport runat="server" Layout="FitLayout">
        <Items>
            <ext:FormPanel ID="FormPanel1" runat="server" Height="600" Title="User Profile" Border="false">
                <%--<ext:Panel ID="Panel3" runat="server" Height="600" Title="User Manager" Border="false">--%>
                <TopBar>
                    <ext:Toolbar ID="Toolbar1" runat="server">
                        <Items>
                            <ext:ToolbarSpacer runat="server" Width="525">
                            </ext:ToolbarSpacer>
                             <ext:ComboBox 
            ID="cbUser" 
            runat="server"
            EmptyText="Select User"
            TypeAhead="true"
            ForceSelection="true"
            StoreID="UserStore"
            Mode="Local"
            DisplayField="UserName" 
            ValueField="UserId"
            MinChars="1"
            ListWidth="300"
            PageSize="10"
            ItemSelector="tr.list-item">
            <Template ID="Template1" runat="server">
                <Html>
					<tpl for=".">
						<tpl if="[xindex] == 1">
							<table class="cbUser-list">
								<tr>
									<th>UserName</th>
									<th>UserGroup</th>
								</tr>
						</tpl>
						<tr class="list-item">
							<td style="padding:3px 0px;">{UserName}</td>
							<td>{UserGroupName}</td>
						</tr>
						<tpl if="[xcount-xindex]==0">
							</table>
						</tpl>
					</tpl>
				</Html>
            </Template>
                            </ext:ComboBox>
                        </Items>
                    </ext:Toolbar>
                </TopBar>
                <Items>
                    <ext:Panel ID="Panel1" runat="server" Height="300" Padding="10" Border="false">
                        <Items>
                            <ext:Panel ID="Panel2" runat="server" Height="280" Padding="15" Border="false" Layout="AbsoluteLayout">
                                <Items>
                                    <ext:CompositeField ID="CompositeField1" runat="server" FieldLabel="Full name" X="0"
                                        Y="10">
                                        <Items>
                                        
                                            <ext:TextField ID="txtFirstname" runat="server" Width="200" DataIndex="FirstName" ReadOnly="true"/>
                                            <ext:TextField ID="txtMiddlename" runat="server" Width="200" DataIndex="MiddleName" ReadOnly="true"/>
                                            <ext:TextField ID="txtLastname" runat="server" Width="200" DataIndex="LastName" ReadOnly="true"/>
                                        </Items>
                                    </ext:CompositeField>
                                    <ext:TextField ID="txtUsername" runat="server" Width="305" FieldLabel="Username"
                                        X="0" Y="35" DataIndex="UserName" ReadOnly="true"/>
                                    <ext:TextField ID="txtUsergroup" X="0" Y="60" runat="server" FieldLabel="User Group"
                                        Width="305" DataIndex="UserGroupName" ReadOnly="true">
                                    </ext:TextField>
                              
                                    <ext:DateField ID="dtDob" runat="server" FieldLabel="Date Of Birth" X="410" Y="35"
                                        Width="305" DataIndex="DateOfBirth" ReadOnly="true" Format="yyyy-MM-dd" HideTrigger="true"/>
                                    <ext:DateField ID="dtDoj" runat="server"  X="410" Y="60" DataIndex="JoiningDate" Width="305" FieldLabel="Date Of Joining" Format="yyyy-MM-dd" HideTrigger="true">
                                    </ext:DateField>
                                   
                                        <ext:TextField ID="TextField1" runat="server" FieldLabel="Email" X="410" Y="85"
                                        Width="305" DataIndex="Email" ReadOnly="true"/>
                            
                                    <ext:RadioGroup ID="rdogrpGender" runat="server"  X="0" Y="85"
                                        FieldLabel="Gender" DataIndex="Gender" ColumnsWidths="100,100">
                                        <Items>
                                            <ext:Radio ID="rdoMale" runat="server" BoxLabel="Male" InputValue="true">
                                            </ext:Radio>
                                            <ext:Radio ID="rdoFemale" runat="server" BoxLabel="Female" InputValue="false" >
                                            </ext:Radio>
                                        </Items>
                                    </ext:RadioGroup>
                                
                                    <ext:FieldSet ID="FieldSet1" runat="server" Title="Primary Contacts" X="400" Y="120"
                                        Width="400" BodyBorder="false" Padding="5">
                                        <Items>
                                            <ext:NumberField ID="txtResi" runat="server" FieldLabel="Residence" X="-10" Width="300"
                                                DataIndex="ContactNo" ReadOnly="true"/>
                                            <ext:NumberField ID="txtMobile" runat="server" FieldLabel="Mobile" X="-10" Width="300"
                                                DataIndex="Mobile" ReadOnly="true"/>
                                        </Items>
                                    </ext:FieldSet>
                                    <ext:FieldSet ID="FieldSet2" runat="server" Title="Other details" X="400" Y="195"
                                        Width="600" BodyBorder="false" Padding="5" Layout="ColumnLayout">
                                        <Items>
                                            <ext:CheckboxGroup ID="CheckboxGroup1" runat="server" ColumnsWidths="100,100" >
                                                <Items>
                                                    <ext:Checkbox ID="Checkbox1" runat="server" BoxLabel="Locked" DataIndex="IsLocked" />
                                                                                                        
                                                    <ext:Checkbox ID="Checkbox2" runat="server" BoxLabel="Deleted" DataIndex="IsDeleted"  />
                                                </Items>
                                               
                                            </ext:CheckboxGroup>
                                           
                                        </Items>
                                    </ext:FieldSet>
                                    <ext:FieldSet ID="FieldSet3" runat="server" Title="Address" X="-8" Y="120" Width="400"
                                        BodyBorder="false" Padding="5">
                                        <Items>
                                            <ext:TextArea ID="txtAddress" runat="server" FieldLabel="Address" Width="300" DataIndex="Address" ReadOnly="true">
                                            </ext:TextArea>
                                            <ext:TextField ID="txtCity" FieldLabel="City" runat="server" Width="300" DataIndex="CityName" ReadOnly="true">
                                            </ext:TextField>
                                        </Items>
                                    </ext:FieldSet>
                                </Items>
                            </ext:Panel>
                        </Items>
                    </ext:Panel>
                     
                    <ext:GridPanel ID="GridPanel1" runat="server"  StoreID="UserServiceStore" Height="300" Collapsible="true" Title="UserService">
                <ColumnModel>
                    <Columns>
                        <ext:Column DataIndex="ServiceName"></ext:Column>
                    </Columns>
                </ColumnModel>
                <View>
                     <ext:GridView ID="GridView1" runat="server" AutoFill="true" />
                </View>
             </ext:GridPanel>
             
                </Items>
                <BottomBar>
                    <ext:PagingToolbar runat="server" StoreID="UserMasterStore" PageSize="1" DisplayInfo="false">
                        
                    </ext:PagingToolbar>
                </BottomBar>
               
            </ext:FormPanel>
              
        </Items>
    </ext:Viewport>