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

Posted 2022-08-15 benpaowoniu

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