蓝翔招生办
2009-09-23 11:51
浏览 525
已采纳

如何让gridPanel中的单选按钮单选

我在定义ColumnModel是这样的[code="js"]
var bs_cm = new Ext.grid.ColumnModel([
{
header:'名称',
dataIndex:'key',
width:20
},{
header:'URL',
dataIndex:'value'
},{
header:'启用',
dataIndex:'isOn',
renderer:function(){
return '';
}
}
]);[/code]
但是这些radio不能单选
要怎么样才能实现单选呢

  • 写回答
  • 赞 踩
  • 关注问题
  • 收藏
  • 邀请回答

2条回答 默认 最新

  • iteye_10013 2009-09-23 12:01
    已采纳

    如果你不是做行单选.

    而是某个单元格中几个radio的单选.
    那就是传统的html问题了... 设置同一个name即可

    赞 踩 打赏 评论
  • iteye_10013 2009-09-23 12:00

    单选的解决方案:

    [quote]
    Ext的选择模式有Select和checkbox两种。
    checkbox选择模式又支持配置行是否可以多选，但是不论如何配置最终显示的都是checkbox框，如果是只允许单选而又要显示checkbox图片则意义上有点说不过去。但ext的grid的确没有radiobox的啊。

    只能自己想办法去解决了，摸索了一下发现还是有解决办法的：

    代码如下：

    //此处判断如果是checkboxSelectionModel并且是singleSelect单选，然后调用下面的代码
    var gridEl=grid.getEl();
    gridEl.select('div.x-grid3-hd-checker').removeClass('x-grid3-hd-checker'); //删除表头的checkbox
    grid.store.on('load', function() { //数据加载完毕替换为checkbox列增加一个class，然后我们在这个class中修改图片
    gridEl.select("div[class=x-grid3-row-checker]").each(function(x) {
    x.addClass('x-grid3-row-radioBtn');
    });
    });

    CSS代码如下：
    .x-grid3-row-radioBtn{background-image:url(../../images/grid/row-radio-sprite.gif); /*一个radio图片*/}[/quote]

    图片:
    [img]http://dl.iteye.com/upload/attachment/145250/a63bc4b9-dff4-3542-8010-395bd1ddd738-thumb.gif[/img]

    赞 踩 打赏 评论

报告相同问题？

提交

相关推荐 更多相似问题