zoukankan      html  css  js  c++  java
  • easyui的table如何动态添加行数据

    需求是读取excel表头,动态的显示出来。。。。

    html:

    <td>模板上传:</td>
                <td class="text-left" style=" 30%">
                 <input type="file" class="form-control" data-required="1" name="file_name" id="fileName" value="" required="required">
                 </td>

    <table id="dg" class="easyui-datagrid" style="510px;height:250px" > </table> 

    js:

    $("#fileName").change(function(e){
      $.ajaxFileUpload({
      url: "***********",
      files: $(':file'),
      data: {},
      dataType: "json",
      contentType: 'text/json,charset=utf-8',
      success:function(data){
      if(data.length == 0){
      $('#file_examine').modal("show");
        $("#addTable").empty();
        alert("请检查读取的文件是否正确")
        return;
      }else{
        $('#dg').datagrid({
        columns:[[
          {field:'xh',
          title:' 序号 ',
          150,
        formatter: function(val,rec,index){
        return index + 1;
        }
      },{
        field:'name',
        title:'中文字段',
        200
      },{field:'isjm',
        title:'是否加密 ',
        100,

      },{
      checkbox:'true',
      field:'Encrypt',
        title:'是否加密',
      200
      }
      ]]
      });
      //easyui数据动态添加
      for(i=0;i<data.length;i++){
        $('#dg').datagrid('appendRow',{
        xh: 'new name',
        name: data[i],
        Encrypt: ''
      });
      }
      }
      },  
        error: function(data, status, e) {
          console.log("出现意外的错误")
      }
      });
    })

  • 相关阅读:
    nginx的url重写[rewrite规则和参考]
    nginx虚拟主机配置
    redhat 5下源码安装nginx服务
    apache服务器参数设置
    java实现全排列
    自定义栈类型,具有找到站内最小元素的min函数 ,且min(),pop(),push()函数的时间复杂度为O(1)
    如何学习一门新语言
    2018 中印诗人分享会
    C语言细节注意
    C++ vector 多次删除第一个元素
  • 原文地址:https://www.cnblogs.com/liglacier/p/11224214.html
Copyright © 2011-2022 走看看