当前位置:编程学习 > C#/ASP.NET >>

Asp.Net MVC3+ExtJS 动态单选按钮

1.先见图

思路:
    原为有时候,文框的数据录入量较大用下拉列表框不太适合,用户也难查找,所以我们可以采取,将后台数据库表中的代码表(或者从其他表查询得到数据)传递给表单并用单选按钮的方式提供给用户选择。这样在同一窗口中将显示的数据量将大,查找相对容易。
步骤:1.将后台的数据表查询(或编写存储过程)返回给实体类如图中的供应商表。
      2.通过Ajax返回到前台Json对象中。
      3.添加radiogroup组件,遍历Json对象,将要显示的文本和数据分别传入组件。
      4.添加form表单控件和windows窗口控件,并将radiogroup添加至表单,将form添加至窗 口。
      5.保存用户设置的值并通过Json传入后台控制器入完成数据库写入。

//核心代码:
 var group = Ext.create("Ext.form.RadioGroup", {
            xtype: 'radiogroup',
            fieldLabel: '',
            columns: 4,
            vertical: true,
            id: 'radgroup'
        });
        //从数据库中返回供应商Json对象填充至单选框
        Ext.Ajax.request({
            url: '/home/SuppliersList',
            method: 'POST',
            timeout: 3000,
            success: function (response, options) {
                // Ext.MessageBox.alert('更新成功', '从服务端获取结果: ' + response.responseText);
                var suplist = Ext.JSON.decode(response.responseText)
                //遍历Json对象将数据添加至单选框组件并显示在表单中                
                for (var i = 0; i < suplist.length; i++) {
                    var d = suplist[i];
                    var sup = new Ext.form.field.Radio({ boxLabel: d.CompanyName, name: 'rb', inputValue: d.SupplierID });
                    group.add(sup);
                }
            },
            failure: function (response, options) {
                Ext.MessageBox.alert('失败', '请求超时或网络故障,错误编号:' + response.status);
            }
        })

        //数据返回结束,添加表单对象
        var formsup = Ext.create('Ext.form.Panel', {
            layout: 'absolute',          
            url: 'save-form.php',
            defaultType: 'textfield',
            border: false,
            bodyStyle: "background:#DFE9F6",
            items: group
        }); extjs  动态单选按钮 --------------------编程问答-------------------- 0 0 教程么。。。 --------------------编程问答-------------------- 不好意思图加一个。 --------------------编程问答-------------------- 我怎么无权编辑自己的贴? --------------------编程问答-------------------- 学习
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,