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. 四.rocketMQ原理

    ⦁    mqnamesrv服务 broker启动的时候(单个.多个),都会去查找namesrv注册. Producer发生消息的时候会根据topic获取路由到broker的信息. Consumer根 ...

  2. 利用PMKID破解PSK的实际测试与影响评估

    在2018年8月4日,一位研究员在hashcat论坛中发布了一篇帖子,表示他研究WPA3协议密码破解方法的过程中,发现了一个针对WPA/WPA2协议密码破解的新方法,使用PMKID(the Pairw ...

  3. 一步一步学RenderMonkey(3)——改良Phong光照模型 【转】

    转载请注明出处: http://blog.csdn.net/tianhai110 改良后的Phong光照模型: 上一节实现的phong镜面光照模型,如果固定光源,移动视点(及matView 关联为ma ...

  4. SQL Server中按照条件随机返回数据

    需求:查询对应关键字的数据,并随机返回一条. 这时,需要一个SQL的那只方法:NEWID(). 用法: [sql]SELECT TOP 1 * FROM Table WHERE TID = 1 ORD ...

  5. 演示程序之打游戏 -- 慕司板IAP15

    上位机和协议制定我的大学舍友(他的微博:http://weibo.com/lesshst? topnav=1&wvr=5&topsug=1)毕业前百忙之中使用Python花了一个下午完 ...

  6. LoadRunner字符串处理 - 补齐字符串

    有些时候需要在某个字符串的前面用0补齐,以便满足长度的格式要求. 在LoadRunner中可以封装出一个函数来处理这种问题: /* Function to pad a string to x char ...

  7. visio 画图工具

    1.线条 [设计] ---  [页面设置]----打开 对话框 [布局与排列]-----[排列]   ----  [样式] ---   [直 2.word中插入viso 插入→对象→visio

  8. 为什么要用 SpringMVC 的 SessionStatus

    我们可以在需要访问 Session 属性的 controller 上加上 @SessionAttributes,然后在 action 需要的 User 参数上加上 @ModelAttribute,并保 ...

  9. 01-hibernate注解:类级别注解,@Entity,@Table,@Embeddable

    @Entity @Entity:映射实体类 @Entity(name="tableName") name:可选,对应数据库中一个表,若表名与实体类名相同,则可以省略. 注意:使用@ ...

  10. 【服务器时间修改为东八区】包括Apache2和mysql

    1.服务器Apache时间修改,可通过修改php.ini进行修改 所以就深入了解了一下, 发现Apache(PHP)的服务器时间时区默认为UTC(Coordinated UniversalTime 世 ...