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