EasyUi获取表单所有字段和相应值,非官方form提交

js:

// 定义变量var formData = {};

// 获取表单所有字段和相应值 装填到formData变量中
var fields = $("[data-field]");
fields.each(function (index, item) {
    if ($(item).hasClass("textbox-f")) {
        $(item).next().find(".textbox-value").each(function (index2, item2) {       // 根据dom节点的自定义属性[data-field]来定义json对象的属性名
            formData[item.dataset.field] = item2.value;       // 若组件为combobox或combo或combogrid或combotreegrid则会获取到所选项的value值,非text值     });   } else {      if ($(item).attr("data-fordom") != undefined) {
       // 获取easyui-combobox所选项的text值,根据input标签上自定义属性[data-fordom]指定的dom节点id,获取下拉框文本
            formData[item.dataset.field] = $("#" + item.dataset.fordom).textbox("getText");
        } else {       // 获取原生input标签值
            formData[item.dataset.field] = item.value;
        }
    }
});

var jsonData = {
    action: "Save",
    param: formData
};

$.ajax({
    url: ‘FkdzService.ashx‘,
    type: ‘post‘,
    async: true,
    dataType: ‘json‘,
    data: jsonData,
    success: function (result, status, XMLHttpRequest) {

    },
    error: function (r) {

    },
    complete: function (XMLHttpRequest, status) {

    }
});

html

原文地址:https://www.cnblogs.com/BenPaoWoNiu/p/11395993.html

时间: 2024-10-06 04:56:44

EasyUi获取表单所有字段和相应值,非官方form提交的相关文章

获取表单所有字段 Post

var params = $(".layui-form").serializeArray(); var values = {}; for (x in params) { values[params[x].name] = params[x].value; } values['page'] = "1"; values['limit'] = "6"; var idata = JSON.stringify(values); idata = eval(&q

连载:(二)循序渐进,通过XML配置,实现通用于WinForm(.Net)、WebForm(Asp.Net+JQuery+EasyUI)表单、报表--原理

连载:(二)循序渐进,通过XML配置,实现通用于WinForm(.Net).WebForm(Asp.Net+JQuery+EasyUI)表单.报表 --原理 作者:长江支流 本原理,适用于Window Form的CS,也适用于ASP.Net的BS. 在描述原理之前,先来看个传统的ORM写代码的例子. 实体映射 现在很多架构实现ORM,去动态的生成代码,实现数据增.删.改.查的功能. 实体的映射关系,是通过代码的方式进行映射的,是否可以通过XML文件,来配置实例的映射关系,答案是肯定的. 代码映射

连载:(三)循序渐进,通过XML配置,实现通用于WinForm(.Net)、WebForm(Asp.Net+JQuery+EasyUI)表单、报表--控制文件

连载:(三)循序渐进,通过XML配置,实现通用于WinForm(.Net).WebForm(Asp.Net+JQuery+EasyUI)表单.报表 --XML控制文件 作者:长江支流 本章,将给出控制文件相关类的C#.Net源代码,包括控制文件主控类WebMisController.以及控制文件的组成部分表单及清单过滤字段Field类.回调函数类CallbackFun. 控制文件 控制文件由WebMIS.ServiceModel.WebMisController/ WebMisControlle

表单的属性和方法, 获取表单和表单的元素, 验证表单

表单的属性和方法 一. 表单字段的属性(id/name/value/form),这里用value属性来举例 上面的form属性代表获取表单字段的父级表单对象 1. 属性的获取         console.log(document.myform.username.value); 2. 属性的设置            document.myform.username.value="123"; 3. 获取表单字段的父级表单对象 console.log(document.myform.u

easyui取消表单时验证,提交时统一验证

1.设置表单不验证 <form id="ff" class="easyui-form" method="post" data-options="novalidate:true"></form> 2.表单提交时统一验证$('#ff').form('submit',{                onSubmit:function(){                    return $(this).

连载:(一)循序渐进,通过XML配置,实现通用于WinForm(.Net)、WebForm(Asp.Net+JQuery+EasyUI)表单、报表--前言

循序渐进,通过XML配置,实现通用于WinForm(.Net).WebForm(Asp.Net+JQuery+EasyUI)表单.报表 --前言 作者:长江支流 本连载,定义为<循序渐进,通过XML配置,实现通用于WinForm(.Net).WebForm(Asp.Net+JQuery+EasyUI)表单.报表>,通过大量篇幅进行详细的代码及文字说明,实战.Net开发.欢迎转载,转载请注明出处,谢谢! 十年前(2004年8月17日),在CSDN发表了两篇有关.Net环境下的打印相关的博文,之后

request获取表单

今天学习了一个获取提交表单数据的新方法request.getParameterMap. 在此之前,获取表单数据时总是用request.getParameter("name"),根据表单中的name值获取value值,需要获取几项就得重复写几次getParameter,而request.getParameterMap方法则不同,不需要参数返回结果为Map<String,String[]>     将提交的form表单中的所有的项以id为key值,以value组成的String

RookeyFrame Bug 表单管理 -&gt; 查看表单 -&gt;编辑字段页面

表单管理 -> 查看表单 ->编辑字段页面 小bug onchange里面直接就是方法,修改:去掉外面的function(){},直接把方法体写在onchange里面就可以了. 后台方法: 位置:Rookey.Frame.UIOperate\EasyUI\UIFrameFactory.cs 里面的这个GetFormFieldInputHTML方法 以前是这样: string onchangeStr = "onchange=\"function(){if(typeof(OnF

反射=&gt;模型获取表单

效果图: 视图代码: <form action="form.aspx" method="post"> <input type="text" name="card" /><p /> <input type="text" name="pwd" /><p /> <input type="text" name=