ligerUI 表单中使用下拉框

来源：互联网发布：什么是双向数据绑定编辑：程序博客网时间：2024/04/26 07:04

实例：

 var data = [
            { id: '在线浏览', text: '在线浏览' },
            { id: '实体借阅', text: '实体借阅' }
            ];
 var mainform = $("#form");
 mainform.ligerForm({

 fields: [
         { display: "借阅类型", name: "Type", newline: true, labelWidth: 100, width: 120, space: 30, type: "select", comboboxName: "Type", options: { data: data} },

         { display: "选择审批人", name: "LeaderSelect", newline: true, labelWidth: 140, space: 30, type: "select", comboboxName: "LeaderSelect",
             options: {
                 url: "../handler/LeaderSelect.ashx?deptid=" + deptID,      valueField: 'ID', textField: 'Name'
             }
         }
            ],
                toJSON: JSON2.stringify
            });

以上用了两种方法来显示下拉列表的值：分别是从前台和后台获取数据

1）从前台获取数据

数据格式为：

 var data = [
            { id: '在线浏览', text: '在线浏览' },
            { id: '实体借阅', text: '实体借阅' }
            ]; 
 
2）从后台获取数据
数据格式为JSON字符串，所以前台通过 valueField: 'ID', textField: 'Name' 来指定要显示的内容。
3）特别说明
当表单中使用下拉列表时，除了要指定type："select"之外，还应指定comboboxName 的值，否则在表单验证的时候会产生错误，我还不清楚是为什么，但通过我的试验可以肯定的是指定comboboxName 的值是有必要的！

0 0