EXTJS 4.2 资料 控件之radiogroup 的用法

最近在EXTJS4.2开发项目,radiogroup的用法,主要是和grid之间的编辑功能;看了好多资料都不对,特此在这里备注记录

代码如下,

1.这是一段Win窗体上的两个单选按钮,设置单选按钮都是选择“是”

a、

复制代码
 {
               xtype: 'fieldcontainer',
               layout: 'hbox',
               defaults: {
                   flex: 1
               },
               items: [{
                   xtype: 'radiogroup',
                   fieldLabel: '手机验证',
                   width: 100,
                   items: [
                        { boxLabel: '', name: 'PhoneValidate', inputValue: 'true', checked: true },
                        { boxLabel: '', name: 'PhoneValidate', inputValue: 'false' }
                   ]
               }, {
                   xtype: 'radiogroup',
                   fieldLabel: '邮箱验证',
                   width: 100,
                   items: [
                       { boxLabel: '', name: 'EmailValidate', inputValue: 'true', checked: true },
                       { boxLabel: '', name: 'EmailValidate', inputValue: 'false', }
                   ]
               }
               ]
           }
复制代码

b、错误代码:

2.grid 行操作代码:

复制代码
  {
                        header: '操作',
                        xtype: 'actioncolumn',
                        width: 100,
                        items: [{
                            //这里直接通过URL设置图标
                            icon: '/Resources/Images/16x16/blue16_020.gif',
                            tooltip: '编辑',
                            //这里是图标的点击事件
                            //参数中有点击行的record , 所以很方便做处理
                            handler: function (grid, rowIndex, colIndex) {
                                update();
                            }
                        }, '   ', {
                            icon: '/Resources/Images/16x16/blue16_013.gif',
                            tooltip: '删除',
                            handler: function (grid, rowIndex, colIndex) {
                                deleted();
                            }
                        }]
                    }
复制代码

3.update() 代码片段:

复制代码
    function update() {
        var selectedData = grid.getSelectionModel().getSelection()[0].data;
        if (selectedData.length < 1)
        { Ext.MessageBox.alert('提示', '请选择要编辑的记录!'); return; }
        else
        {
            win.show();//这是弹出窗体
            form.form.loadRecord(grid.getSelectionModel().getSelection()[0]); 
   
            form.form.findField('PhoneValidate').setValue('false');//这个手机验证单选按钮
            form.form.findField('EmailValidate').setValue('false');//这个邮箱验证单选按钮
           
        }
    }
复制代码

4.弹出效果图:

 

posted @   秋风过、枯叶落  阅读(1062)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 字符编码:从基础到乱码解决
点击右上角即可分享
微信分享提示