海子尘 2009-09-04 18:55 采纳率: 0%
浏览 348
已采纳

extjs radio 动态切换 组件

如图,如何通过选择radio本地上传,让网络地址的文本框切换成一个file,选择网络图片radio,是网络地址切换成一个文本框!
弄了两天了!
[b]问题补充:[/b]
刚刚开始是觉得用removed和add,去移除再加入的方式进行处理!一直行不通
昨晚采纳了他人的建议,使用card布局,成功!
atian25的思想也是对的!
做程序,要的就是解决问题!嘿嘿!

  • 写回答

2条回答 默认 最新

  • iteye_10013 2009-09-04 23:14
    关注

    测试代码如下:
    有点小复杂
    [code="javascript"]
    Ext.onReady(function(){
    Ext.BLANK_IMAGE_URL = '/images/s.gif';
    Ext.chart.Chart.CHART_URL = '/js/extjs/3.0/resources/charts.swf';
    Ext.QuickTips.init();
    var f = new Ext.form.FormPanel({
    renderTo:Ext.getBody(),
    width:300,
    height:300,
    title:'test',
    items:[{
    xtype: 'radiogroup',
    fieldLabel: '上传方式',
    items:[{
    xtype:'radio',
    boxLabel:'本地上传',
    inputValue:'local',
    name: 'uploadType',
    checked:true
    },{
    xtype:'radio',
    boxLabel:'网络上传',
    inputValue:'remote',
    name: 'uploadType'
    }],
    listeners:{
    'change':function(group,ck){
    var p1 = Ext.getCmp('panel1');
    var p2 = Ext.getCmp('panel2');
    if(ck.inputValue=='remote'){
    p1.hide();
    p2.show();
    }else{
    p2.hide();
    p1.show();
    }
    }
    }
    },{
    xtype:'panel',
    layout:'column',
    border:false,
    frame:false,
    items:[{
    xtype:'panel',
    id:'panel1',
    border:false,
    frame:false,
    layout:'form',
    columnWidth:1,
    items:{
    xtype:'textfield',
    id:'uploadUrl1',
    fieldLabel:'网络地址'
    }
    },{
    xtype:'panel',
    id:'panel2',
    border:false,
    frame:false,
    hidden:true,
    layout:'form',
    columnWidth:1,
    items:[{
    xtype:'textfield',
    id:'uploadUrl2',
    fieldLabel:'网络地址',
    autoCreate:{
    tag:'input',
    type:'file'
    }
    }]
    }]
    }]
    });
    });[/code]

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题