精华内容
下载资源
问答
  • $.fn.extend({// 调用方式:$("xxxxx").getform();getform: function () {var obj = {};var array = $(this).serializeArray();$.each(array, function () {obj[this.name] = this.value;});return obj;...

    $.fn.extend({

    // 调用方式:$("xxxxx").getform();

    getform: function () {

    var obj = {};

    var array = $(this).serializeArray();

    $.each(array, function () {

    obj[this.name] = this.value;

    });

    return obj;

    },

    // 调用方式: $("xxx").setform(json);

    setform: function (jsonValue) {

    var obj = this;

    $.each(jsonValue, function (name, ival) {

    var $input = obj.find("input:[name=" + name + "]");

    if ($input.attr("type") == "radio" || $input.attr("type") == "checkbox") {

    $input.each(function () {

    if (Object.prototype.toString.apply(ival) == ‘[object Array]‘) { // 是复选框,并且是数组

    for (var i = 0; i < ival.length; i++) {

    if ($(this).val() == ival[i])

    $(this).attr("checked", "checked");

    }

    } else {

    if ($(this).val() == ival)

    $(this).attr("checked", "checked");

    }

    });

    } else if ($input.attr("type") == "textarea") { // 多行文本框

    obj.find("[name=" + name + "]").html(ival);

    } else {

    obj.find("[name=" + name + "]").val(ival);

    }

    });

    }

    });

    展开全文
  • 目的:点击编辑按钮 实现 数据回显到弹出 子页面 表单 内。如下图:Html 代码:用 户名其它省略...Js 代码:layer.open({type: 2,title: '编辑用户',content: 'xx.html',maxmin: true,area: ['500px', '450px'],btn:...

    目的:点击编辑按钮 实现 数据回显到弹出 子页面 表单 内。如下图:

    Html 代码:

    用  户 名

    其它省略...

    Js 代码:

    layer.open({

    type: 2

    ,title: '编辑用户'

    ,content: 'xx.html'

    ,maxmin: true

    ,area: ['500px', '450px']

    ,btn: ['确定', '取消']

    ,yes: function(index, layero){

    省略...

    }

    ,success: function(layero, index){

    // 方式一 其实就是获取的 子页面的 div

    var div = layero.find('iframe').contents().find('#useradmin'); // div.html() div里面的内容,不包含当前这个div

    // 方式二

    var body = layer.getChildFrame('body', index); // body.html() body里面的内容

    /* ---- 附加内容 看看就好 Begin ---- */

    var iframeWindow = window['layui-layer-iframe'+ index] // 方式一: 得到iframe页的窗口对象

    var iframeWindow = window[layero.find('iframe')[0]['name']]; // 方式二: 得到iframe页的窗口对象

    /* ---- 附加内容 看看就好 End ---- */

    // 测试 :

    body.find("#username").val("admin"); // 方式一

    div.find("#username").val("admin"); // 方式二

    }

    });

    这里建议 form表单 属性名 和 表格的属性名 最好一致, 获取的数据 遍历赋值时,只需一遍操作,避免当表单数据过多时,需要写多个 div.find("# id").val(" ");

    以上这篇layui 对弹窗 form表单赋值的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

    展开全文
  • 实际的业务中,用户进入页面之后 下拉框是 没有值的,当用户 做一些操作之后 主动给 下拉框赋值 (相当于数据回显的作用) 并不是 主动去 选择下拉框 <Form.Item label="Gender"> {getFieldDecorator('gender',...

    实际的业务中,用户进入页面之后 下拉框是 没有值的,当用户 做一些操作之后 主动给 下拉框赋值 (相当于数据回显的作用)
    并不是 主动去 选择下拉框

    <Form.Item label="Gender">
            {getFieldDecorator('gender', {
              rules: [{ required: true, message: 'Please select your gender!' }],
            })(
              <Select
                placeholder="Select a option and change input text above"
                onChange={this.handleSelectChange}
              >
                <Option value="male">male</Option>
                <Option value="female">female</Option>
              </Select>,
            )}
          </Form.Item>
    

    通过setFieldsValue 来进行主动赋值

     this.props.form.setFieldsValue({
          gender: `male`,
        });
    

    关注我 持续更新前端知识

    展开全文
  • //给表单赋值 form.val("formTest", { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值 "username": "贤心" // "name": "value" ,"sex": "女" ,"auth": 3 ,"check[write]": true ,"open...
    //给表单赋值
    form.val("formTest", { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
      "username": "贤心" // "name": "value"
      ,"sex": "女"
      ,"auth": 3
      ,"check[write]": true
      ,"open": false
      ,"desc": "我爱layui"
    });
     
    //获取表单区域所有值
    var data1 = form.val("formTest");
    console.log(JSON.stringify(data1));
    

     

    展开全文
  • 表单赋值:this.form.setFieldsValue({ 属性名: 属性值 }) 属性值:v-decorator="[‘属性值名’, {}]" 多个赋值 this.form.setFieldsValue(pick(this.model, 'dictBusinessTypeId', 'name', 'comment')) 单个赋值 ...
  • angular 表单赋值方法

    2021-01-19 10:12:05
    每次赋值都要遍历所有表单元素。若有缺失,则会报错。 2、patchValue({}) 可指定表单元素赋值,比setValue()更灵活。 如上图所例, setValue方法: this.validateForm.setValue({ userName:'name', password...
  • elementui中表单赋值无法响应式一、背景二、项目代码 一、背景 表单el-form-item中的v-model初始化复制,然后在页面输入框修改值时候,修改不了 二、项目代码 <el-form-item label="企业编号:"> <el-...
  • 但有时候我需要获取后台json数据中某个值时,又需要赋值整个form表单,load方法没有回调函数所以就不行了,如果用ajax调用的话,获得后台json数据后把json数据分析出来在一个个的赋值到form表单的每个文本框中,这样...
  • 赋值的时候如果是用映射的关系,那么form值和赋值者用的是同一个地址,这个时候对赋值后的form数据进行深拷贝即可
  • 这里先说一下v-decorator指令:v-decorator下面是form表单内的文本输入框,使用了v-decorate进行数据绑定:这个是v-decorate的用法,类似于v-model,但是v-decorator可以更方便的添加校验,必填项等;v-model可以更...
  • 准备的数据 let data={id:1,username:"用户名",niciname:"昵称"} 首先为html的form添加属性,"formInfo"自定义名字 JS部分,data数据赋值表单 layui.form("formInfo",data) 实现的功能: data数据的值,会根据name...
  • 例子,javascript代码实现提交表单赋值操作。复制代码 代码示例:" value=". . ." class="btnLook" style="" onClick="openLookupGen(arrSetAWeight, arrGetAWeight ,'?udfIndex=7&codeLabel='+...
  • layui 对弹窗 form表单赋值的实现方法,目的:点击编辑按钮 实现 数据回显到弹出 子页面 表单 内。如下图:Html 代码:用 户名其它省略...Js 代码:layer.open({type: 2,title: '编辑用户',content: 'xx.html',max...
  • 例子,javascript代码实现提交表单赋值操作。复制代码 代码示例:" value=". . ." class="btnLook" style="" onClick="openLookupGen(arrSetAWeight, arrGetAWeight ,'?udfIndex=7&codeLabel='+...
  • jQuery自动给表单赋值

    2021-06-23 05:23:43
    /** jquery 初始化form插件,传入一个json对象,为form赋值* version: 1.0.0-2013.06.24* @requires jQuery v1.5 or later* Copyright (c) 2013* note: 1、此方法能赋值一般所有表单,但考虑到checkbox的赋值难度,...
  • }).catch(err => { console.log(err) }) } }).catch(err => { console.log(err) }) } else { //修改表单 Update(this.Interface, this.formValidate).then(res => { console.log(res.data) this.$Message.success(...
  • 由上一页传过来的表单值,赋值表单上,第一次表单总是显示空白,实际上值已经传过来了,关闭窗口,再重新打开,就又显示出来了。然后第一次就报错,再打开就不报错了、 表单用的都是 v-decorator="[ record.key...
  • 规则html表单对象赋值

    2021-06-17 05:54:48
    function grid_load_callback(data, status) {if (data.rows.length >...//获取数据对象,以循环赋值var obj=data.rows[0];for (var id in obj){if ($.objExists(‘txt‘ + id))$.setValue(‘txt‘ +...
  • 咋说呢,因为对 layui 不太熟悉... 表单赋值/取值有个 form.val() 方法,这里使用会没有效果,原因也是因为 弹框中内容被加到父级上了,而表单赋值是写在子页面上的,所以在子页面做表单赋值操作时要手动去写赋值操作。
  • 最近开发过程中遇到 antd form 表单赋值不上 查阅文档得知;需要setFieldsValue 和 createRef() 结合起来使用 1.创建createRef() export default class HomeIdenx extends Component { constructor(props) { super...
  • jQuery对表单元素的取值和赋值操作代码2011-05-19 21:27:08 作者:使用常规的思路:$(“#keyword”).value 取值是取不到的,因为此时$(‘#keydord’)已经不是个element,而是个jquery对象,所以应该使用:$(“#...
  • 例子,对表单取值与赋值。复制代码 代码示例:var textval = $("#text_id").attr("value");//或者var textval = $("#text_id").val();var valradio = $("input[@type=radio][@checked]").val();var item = $('input[@...
  • 初始化Vue表单数据(可以只传入initDate数据源,formid需要绑定的dom) VueFormSub.initVue = function(initDate,formid,httpMethod,url,params){ if(initDate instanceof Object){ /if(initDate.length !=0){}/ var ...
  • 1、表单 this.form.patchValue(data) 2、表格 this.items.at(i).patchValue({'字段值'})
  • 有一个问题就是 :表单名称和对象的属性名(我是属性赋值 你也可以用字段)要保持一样,,有点不安全,不过后台用挺好的,在说填写表单数据后台用的比较多using System;using System.Data;using System.Configuration;...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 95,199
精华内容 38,079
关键字:

表单赋值