1. #1
    Ext User ramakrishna's Avatar
    Join Date
    Apr 2010
    Posts
    2
    Vote Rating
    0
    ramakrishna is on a distinguished road

      0  

    Smile GridPanel with radio button selection

    GridPanel with radio button selection


    Hi,
    I am new to ExtJs. Can any one help me to create a gridpanel with radiobuttion selection. Because user stick with checkbox selection is for multirow
    selection and radiobutton selection is for single row selection.

    ~krish

  2. #2
    Ext User ramakrishna's Avatar
    Join Date
    Apr 2010
    Posts
    2
    Vote Rating
    0
    ramakrishna is on a distinguished road

      0  

    Default GridPanel with radio button selection

    GridPanel with radio button selection


    Hi,

    Below is the one of the way to create a RadioButton grid.


    <html>
    <head>
    <title>RadioButtonSample</title>
    <link rel="stylesheet" type="text/css" href="ext-2.3.0/resources/css/ext-all.css" />
    <!-- GC -->
    <!-- LIBS -->
    <script type="text/javascript" src="ext-2.3.0/adapter/ext/ext-base.js"></script>
    <!-- ENDLIBS -->
    <script type="text/javascript" src="ext-2.3.0/ext-all.js"></script>
    </head>
    <body>
    <script type="text/javascript">
    var myData = [
    ['3m Co',71.72,0.02,0.03,'9/1 12:00am'],
    ['Alcoa Inc',29.01,0.42,1.47,'9/1 12:00am'],
    ['Altria Group Inc',83.81,0.28,0.34,'9/1 12:00am'],
    ['American Express Company',52.55,0.01,0.02,'9/1 12:00am'],
    ['American International Group, Inc.',64.13,0.31,0.49,'9/1 12:00am'],
    ['AT&T Inc.',31.61,-0.48,-1.54,'9/1 12:00am'],
    ['Boeing Co.',75.43,0.53,0.71,'9/1 12:00am'],
    ['Caterpillar Inc.',67.27,0.92,1.39,'9/1 12:00am'],
    ['Citigroup, Inc.',49.37,0.02,0.04,'9/1 12:00am'],
    ['E.I. du Pont de Nemours and Company',40.48,0.51,1.28,'9/1 12:00am'],
    ['Exxon Mobil Corp',68.1,-0.43,-0.64,'9/1 12:00am'],
    ['General Electric Company',34.14,-0.08,-0.23,'9/1 12:00am'],
    ['General Motors Corporation',30.27,1.09,3.74,'9/1 12:00am'],
    ['Hewlett-Packard Co.',36.53,-0.03,-0.08,'9/1 12:00am'],
    ['Honeywell Intl Inc',38.77,0.05,0.13,'9/1 12:00am'],
    ['Intel Corporation',19.88,0.31,1.58,'9/1 12:00am'],
    ['International Business Machines',81.41,0.44,0.54,'9/1 12:00am'],
    ['Johnson & Johnson',64.72,0.06,0.09,'9/1 12:00am'],
    ['JP Morgan & Chase & Co',45.73,0.07,0.15,'9/1 12:00am'],
    ['McDonald\'s Corporation',36.76,0.86,2.40,'9/1 12:00am'],
    ['Merck & Co., Inc.',40.96,0.41,1.01,'9/1 12:00am'],
    ['Microsoft Corporation',25.84,0.14,0.54,'9/1 12:00am'],
    ['Pfizer Inc',27.96,0.4,1.45,'9/1 12:00am'],
    ['The Coca-Cola Company',45.07,0.26,0.58,'9/1 12:00am'],
    ['The Home Depot, Inc.',34.64,0.35,1.02,'9/1 12:00am'],
    ['The Procter & Gamble Company',61.91,0.01,0.02,'9/1 12:00am'],
    ['United Technologies Corporation',63.26,0.55,0.88,'9/1 12:00am'],
    ['Verizon Communications',35.57,0.39,1.11,'9/1 12:00am'],
    ['Wal-Mart Stores, Inc.',45.45,0.73,1.63,'9/1 12:00am']
    ];
    Ext.onReady(function(){

    var store = new Ext.data.SimpleStore({
    fields: [
    {name: 'company'},
    {name: 'price', type: 'float'},
    {name: 'change', type: 'float'},
    {name: 'pctChange', type: 'float'},
    {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}
    ]
    });

    store.loadData(myData);
    // create the Grid
    var grid = new Ext.grid.GridPanel({
    store: store,
    columns: [
    new Ext.grid.RowNumberer(),
    {header: "",width: 30, sortable: true,dataIndex: ""
    ,renderer:function(val, cell, record, rowIndex, colIndex, store){
    var retval = '<input type="radio" name="myRadioButton" >';
    return retval;
    }
    },
    {id:'company',header: "Company", width: 160, sortable: true, dataIndex: 'company'},
    {header: "Price", width: 75, sortable: true, dataIndex: 'price'},
    {header: "Change", width: 75, sortable: true, dataIndex: 'change'},
    {header: "% Change", width: 75, sortable: true, dataIndex: 'pctChange'},
    {header: "Last Updated", width: 85, sortable: true, dataIndex: 'lastChange'}
    ],
    stripeRows: true,
    autoExpandColumn: 'company',
    renderTo:'radio-grid',
    height:350,
    width:600,
    title:'Array Grid'
    });

    });
    </script>
    <div id="radio-grid"></div>
    </body>
    </html>



    ~Krish

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi