layui.use(['table','layer'],function(){
var $=layui.$,
table=layui.table,
layer=layui.layer;
function getParam(){
C1=window.location.href.split('?')[1];
id=C1.split('&')[1].split('=')[1];
id=id.lastIndexOf('#')!=-1?id.split('#')[0]:id;
toolSceneId=C1.split('&')[0].split('=')[1];
}
getParam();
var inParaData;
$.get('/cd/workPlatform/tool/queryPara?toolId='+id+'&type=0',{},function(response){
inParaData=response.data;
table.reload('addDemo1',{data:inParaData});
},"json")
var tableObjIn=table.render({
elem:'#inDemo'
,dataF:inParaData,
limit:100,
cols:[[
{
field:'inputName',
title:'参数名',
edit:'text',
}, {
field: 'parameterCode',
title: '参数英文名',
edit: 'text'
}, {
field: 'defaultValue',
title: '默认值',
edit: 'text'
},
{
field: 'description',
title: '参数描述',
edit: 'text'
},{
fixed: 'right',
width: 178,
align: 'center',
title: '操作',
toolbar: '#inDemoBar'
}
]],
id:'addDemo1'
});
$('#addInTableRow').click(function () {
$("#inputOne").val('');
$("#inputTwo").val('');
$("#inputThree").val('');
$("#inputfour").val('');
layer.open({
title:'添加输入参数',
type:1,
area:['500px'],
content:$('#layerIn'),
btn:['保存','不保存'],
yes:function (index,layero) {
var cache=table.cache['addDemo1'];
var t={};
var inputName=$('#inputOne').val();
var parameeterCode=$('#inputTwo').val();
var reg=/^0-9A-Z$/;
if(inputName==null||""==inputName){
layer.msg('参数名不能为空');
return;
}
t["inputName"] = inputName;
t["parameterCode"] = $('#inputTwo').val();
t["defaultValue"] = $('#inputThree').val();
t["description"] = $('#inputfour').val();
t["inputTypeId"] = 0;
t["toolId"] = id;
t["type"] = 0;
cache.push(t);
layer.closeAll();
table.reload('addDemo1',{data:cache});
},
btn2:function (index,layero) {
layer.closeAll();
}
})
})
})

layui当点击增加的时候,将form中的值获取的添加到table行中代码的更多相关文章

  1. 点击增加删除class

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  2. 添加按钮 table增加一行 删减按钮 table去掉一行

    需求描述:做的一个AA新增功能,同时可以为这个即将新增的AA添加内容,而且AA的内容默认展示一行列表,点击添加按钮后出现下一行列表 解决思路:页面首先展示一个表头和列表的一行,作为默认展示的一行列表, ...

  3. svg矢量图标在html中的使用, (知识点:1.通过h5中的css实现点击变色,2.一个svg文件包含多个图标)

    svg矢量文件体积小,不变形,比传统的png先进,比现在流行的icon-font灵活.然而在使用过程中还是遇到了很多坑.今天花了一天时间把经验整理出来,以供后来者借鉴.如果您从本文收益,请留言mark ...

  4. 使用mysql 命令行,增加 ,删除 字段 并 设置默认值 及 非空

    使用mysql 命令行,增加 ,删除 字段 并 设置默认值 及 非空 添加 alter table table_name add field_name field_type; 添加,并设置默认值,及非 ...

  5. VS编程,编辑WPF过程中,点击设计器中界面某一控件,在XAML中高亮突出显示相应的控件代码的设置方法。

    原文:VS编程,编辑WPF过程中,点击设计器中界面某一控件,在XAML中高亮突出显示相应的控件代码的设置方法. 版权声明:我不生产代码,我只是代码的搬运工. https://blog.csdn.net ...

  6. jquery 动态增加table行,动态删除table行

    在html中我们大量的用到了局部刷新,局部刷新就是使用js来动态的修改html局部的数据.下面来介绍下使用jquery来动态的增加table的行,当然这种方式可以适用到任何的html组件中去. < ...

  7. layui从url中取值 ajax获取当前链接中的变量

    在使用layui(javascript)的时候,  需要从当前页面的url地址中取值, 例如: http://localhost:8081/html/fund-purchase.html?fundID ...

  8. layui表格点击排序按钮后,表格绑定事件失效解决方法

    最近项目使用layui较为频繁,遇到了一个麻烦的问题,网上搜索也没有看到同类型的问题,故此记下来. 需求是点击上图右侧表格中某一个单元格,会触发点击事件如下代码: $("table>t ...

  9. D3.js+Es6+webpack构建人物关系图(力导向图),动态更新数据,点击增加节点,拖拽增加连线...

    觉得不错的麻烦加个Star:https://github.com/zhangzn3/D3-Es6 在线预览地址:https://zhangzn3.github.io/D3-Es6 功能列表:1. 增加 ...

随机推荐

  1. Calico网络策略实践

    因为Kubernetes官方用的flannel无法实现多租户环境下的网络隔离,建立起来的pod之间实际可以相互访问,而Calico可以实现,因此周末找个时间试了一下大概的过程. 前面的kubernet ...

  2. Jenkins和Docker以及Kubernetes结合考虑

    今天搞了一下Jenkins和Docker的结合,我在想几个问题: 构建是经常的,构建最大的目标还是生成一个包或者应用 发布应用也是频繁的,发布本质上是把这个包放到可运行的环境中便于测试 如果每次构建我 ...

  3. windows环境phpstorm调试环境搭建

    一:安装设置xdebug 这个一般有两个步骤1:浏览器的xdebug插件安装,一般用firefox的插件,chrome好像不太好使,chrome安装后的  效果 安装后如下图所示,需要配置IDEKEY ...

  4. Android LayoutInflater布局填充器

    Android LayoutInflater布局填充器 把一份xml布局文件转为View对象,这就是layoutinflater的作用. 对于一个没有被载入或者想要动态载入的界面,都需要使用Layou ...

  5. scrapy-splash抓取动态数据例子四

    一.介绍 本例子用scrapy-splash抓取微众圈网站给定关键字抓取咨询信息. 给定关键字:打通:融合:电视 抓取信息内如下: 1.资讯标题 2.资讯链接 3.资讯时间 4.资讯来源 二.网站信息 ...

  6. Hadoop 添加删除Slave

    Hadoop 添加删除Slave @(Hadoop) 在hdfs-site.xml文件中添加如下配置: <property> <name>dfs.hosts</name& ...

  7. [Angular] Extract Implementation Details of ngrx from an Angular Application with the Facade Pattern

    Extracting away the implementation details of ngrx from your components using the facade pattern cre ...

  8. android不同机型上界面适配问题

    android中长度有:dp(或者dip device independent pixels)一种基于屏幕密度的抽象单位.在每英寸160点的显示器上.1dp=1px. 不同设备有不同的显示效果.这个和 ...

  9. 如何在 MyEclipse 下用 Gradle 构建 Web Application

    一.安装 Gradle 插件,参考我的另一篇文章:MyEclipse 集成 Gradle开发环境 二.新建一个 Web Project, 在项目根目录下新建 build.gradle 文件, 并向其中 ...

  10. 初始化linux环境

    初始化linux环境 1. 新建用户组 addgroup admin //假定为admin用户组 2. 新建用户 useradd -d /home/work -s /bin/bash -m work ...