zoukankan      html  css  js  c++  java
  • 在 easyui中获取form表单中所有提交的数据 拼接到table列表中

    form表单=====

    <!-- 并用药品填写信息弹框 -->
    <div id="usingProdctMsgDiv" style="display: none">
    <form id="usingProdctMsgform" >
    <table id="producttable">
    <tr>
    <td align="right">产品编号: </td>
    <td>
    <input id="product_no" name="product_no" readonly="readonly"></input>
    </td>
    <td align="right">产品名称:</td>
    <td>
    <input id="product_name" name="product_name" readonly="readonly"></input>
    </td>
    </tr>
    <tr>
    <td align="right">用药开始时间: </td>
    <td>
    <input id="starttime_frame" name="starttime_frame"></input>
    </td>
    <td align="right">用药结束时间:</td>
    <td>
    <input id="endtime_frame" name="endtime_frame"></input>
    </td>
    </tr>
    <tr>
    <td align="right">用药原因: </td>
    <td>
    <input id="medical_reason" name="medical_reason"></input>
    </td>
    <td align="right">通用名称:</td>
    <td>
    <input id="common_name" name="common_name"></input>
    </td>
    </tr>
    </table>
    </form>
    </div>

    js代码=======

    var data = $('#usingProdctMsgform').serializeArray();//usingProdctMsgform   form表单id
    //alert(JSON.stringify(data));
    var json={};
    for(var i=0;i<data.length;i++){
    json[data[i]['name']]=data[i]['value'];
    }
    //alert(JSON.stringify(json));

    //alert(JSON.stringify(json));
    $('#usingProductTableUpdate').datagrid('appendRow', json);

    table表单======

    $('#usingProductTableUpdate').datagrid({
    'auto',
    height:'200px',
    striped: true,
    fit: true,
    pagination: true,
    scrollbarSize: 0,
    singleSelect: true,
    url:'',
    loadMsg: '数据加载中请稍后……',
    columns: [[{
    field: 'bad_survey_no',
    title: '不良调查编号',
    align: 'center',
    resizable: false,
    '10%'
    },{
    field: 'product_name',
    title: '商品名称',
    align: 'center',
    resizable: false,
    '15%'
    },{
    field: 'product_no',
    title: '产品编号',
    align: 'center',
    resizable: false,
    '18%'
    }, {
    field: 'starttime_frame',
    title: '用药开始时间',
    align: 'center',
    resizable: false,
    '18%'
    }, {
    field: 'endtime_frame',
    title: '用药结束时间',
    align: 'center',
    resizable: false,
    '18%'
    }, {
    field: 'common_name',
    title: '通用名称',
    align: 'center',
    resizable: false,
    '16%'
    }
    ]],
    method: 'post',
    toolbar: [{
    text:'清空',
    iconCls: 'icon-help',
    handler: function(){
    $.messager.confirm('删除数据', '您确定清空数据吗?', function(r){
    //清空类表数据
    $('#usingProductTableUpdate').datagrid('loadData', {total: 0, rows: []});
    });
    }
    }]
    });
    })

  • 相关阅读:
    (转) Weblogic在Linux上节点服务器启动正常,计算机连接不上
    那些提升开发人员工作效率的在线工具
    (转) httpclient对cookie的处理
    (转) 修改weblogic部署的应用名称
    (转) oracle清空数据库脚本
    (转) weblogic 域,管理服务器,受管服务器,集群和机器的基本知识
    (转) Java中的负数及基本类型的转型详解
    (转)JAVA socket 进行十六进制报文交互测试
    liunx weblogic服务启停脚本
    转(HBuilder 打包流程)
  • 原文地址:https://www.cnblogs.com/xianz666/p/12053277.html
Copyright © 2011-2022 走看看