Radio Button

  1. #1

    Radio Button

    Hi,

    I have a field(Gender) in my database as boolean datatype(True/False)
    Now I want that, if the person is Male than the respective radiobutton should checked.
    How can I achieve this?



    Vaishali P Khatri
    Kintu Design PVT LTD.
  2. #2
    Hello,

    You can set the .Checked property of the RadioButton.
    Geoffrey McGill
    Founder
  3. #3
    Ya but I want to bind the data to the 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" />
                        <ext:RecordField Name="DateOfBirth" />
                        <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="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>
    And now I have taken radio button in a panel
    ....
         <ext:RadioGroup ID="rdogrpGender" runat="server" ColumnsWidths="100,100" X="0" Y="85" FieldLabel="Gender" DataIndex="Gender">
                                <Items>
                                    <ext:Radio ID="rdMale" runat="server" BoxLabel="Male"/>
                                    <ext:Radio ID="rdFemale" runat="server" BoxLabel="Female"/>
                                </Items>
           </ext:RadioGroup>
    Now if the value of Gender is true than rdMale should checked else rdFemale should unchecked.
    Please help
    Last edited by Vaishali; Feb 06, 2012 at 6:27 AM.
  4. #4
    Hi,

    Please set up respective InputValue for the Radios.

    Example
    <%@ Page Language="C#" %>
     
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    
    <script runat="server">
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!X.IsAjaxRequest)
            {
                Store store = this.GridPanel1.GetStore();
                store.DataSource = new object[] 
                { 
                    new object[] { true },
                    new object[] { false },
                    new object[] { true }
                };
                store.DataBind();
            }
        }
    </script>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Ext.NET Example</title>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" />
            <ext:GridPanel ID="GridPanel1" runat="server" AutoHeight="true">
                <Store>
                    <ext:Store runat="server">
                        <Reader>
                            <ext:ArrayReader>
                                <Fields>
                                    <ext:RecordField Name="gender" />
                                </Fields>
                            </ext:ArrayReader>
                        </Reader>
                        <Listeners>
                            <DataChanged
                               Handler="var record = this.getAt(0) || {};
                                        #{FormPanel1}.getForm().loadRecord(record);"
                               Delay="10"
                               />
                        </Listeners>
                    </ext:Store>
                </Store>
                <ColumnModel runat="server">
                    <Columns>
                        <ext:Column Header="Gender" DataIndex="gender" />
                    </Columns>
                </ColumnModel>
            </ext:GridPanel>
            <ext:FormPanel ID="FormPanel1" runat="server">
                <Items>
                    <ext:RadioGroup 
                        runat="server" 
                        FieldLabel="Gender" 
                        DataIndex="gender" 
                        ColumnsNumber="1">
                        <Items>
                            <ext:Radio runat="server" BoxLabel="Male" InputValue="true" />
                            <ext:Radio runat="server" BoxLabel="Female" InputValue="false" />
                        </Items>
                    </ext:RadioGroup>
                </Items>
            </ext:FormPanel>
        </form>
    </body>
    </html>
  5. #5
    Thanks... It works

Similar Threads

  1. how to attatch value to radio button
    By harshad.jadhav in forum 1.x Help
    Replies: 1
    Last Post: Oct 28, 2010, 3:06 PM
  2. Radio button Handler
    By vs.mukesh in forum 1.x Help
    Replies: 0
    Last Post: Jul 01, 2010, 9:55 AM
  3. radio button listener
    By bilgecooliteforum in forum 1.x Help
    Replies: 3
    Last Post: May 06, 2010, 12:30 AM
  4. Radio Button Select
    By Dinesh.T in forum 1.x Help
    Replies: 0
    Last Post: May 19, 2009, 8:30 AM
  5. [CLOSED] Radio Button help
    By heysol in forum 1.x Help
    Replies: 3
    Last Post: Oct 17, 2008, 12:01 PM

Posting Permissions