Form表单

 

一丶读取记录填充到表单中。数据参数可以是一个字符串或一个对象类型，如果是字符串则作为远程URL，否则作为本地记录。

代码示例：

$('#ff').form('load',{
    name:'name2',
    email:'mymail@gmail.com',
    subject:'subject2',
    message:'message2',
    language:5
});

二丶从前端提交表单

1.EasyUI自带的sumit提交

//是一个验证表单的功能。当validate()这个函数返回值是true的时候，表单提交，反之则不提交。
  　　　　　　　　$("#addForm").form('submit', {
                    url: '/Test_Areas/Test/AddExcute',
                    onSubmit: function () {
                        return $(this).form('validate');
                    },
                    success: function (data) {
                        if (data == 'ok') {
                            $.messager.alert('success', '插入成功！');
                            $('#j_addStu').dialog('close');
                            $('#dg').datagrid('reload');
                        } else {
                            $.messager.alert('Error', '插入失败！');
                        }
                    }
                });

2.使用序列化提交表单

/**
*把表单元素序列化成对象
*/
function (form) {
    var o = {};
    $.each(form.serilizeArray(), function (intdex) {
        if (o[this['name']]) {
            o[this['name']] = o[this['name']] + "," + this['value'];
        } else {
            o[this['name']] = this['value']
        }
    });

    return o;
}

三丶弹出新窗口

var pEdit = $("#j_edittbStuDialog").dialog({
                        title: "修改学生信息",
                         700,
                        height: 450,
                        href: "/Test_Areas/Test/Update_View",
                        buttons: [{
                            text: '修改',
                            handler: function () {
                                edit();
                            }
                        }, {
                            text: '关闭',
                            handler: function () {
                                $('#j_edittbStuDialog').dialog('close');
                            }
                        }],
                        onLoad: function () {
                            var row = rows[0];
                            pEdit.find("#j_editForm").form('load', {
                                name: row.name,
                                sex: row.sex,
                                age: row.age,
                                photoUrl: row.photoUrl,
                                roomNumber: row.roomNumber,
                                id: row.id,
                                pId: row.pId,
                            });

四丶combobox下拉列表框　

使用Javascript创建下拉列表框

            //部门编号  名称
            $('#j_departId').combobox({
                editable: false,
                height: 30,
                url: '/Admin_Areas/SysUserInfor/GetDepartName',
                panelHeight: 'auto',
                panelMaxHeight: 220,
                valueField: 'value',
                textField: 'text',
                onSelect: function (rec) {
                    if (rec.value == "") {
                        $('#j_departName').val("");
                    } else {
                        $('#j_departName').val(rec.text);
                    }
                }
            });

 接口数据处理

        public ActionResult GetDepartName(){               
                //获取部门信息
                var departData = db.Set<DepaertMent>.Select(a => new ComoboData
                {
                    value = a.id,
                    text = a.departName,
                }).ToList();

                departData.Insert(0, new ComoboData
                {
                    value = "",
                    text = "请选择部门",
                });
                return json(departData );
        }