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. [转]SSIS高级转换任务—行计数

    本文转自:http://www.cnblogs.com/tylerdonet/archive/2011/06/19/2084780.html 在SSIS中的Row Count转换可以在数据流中计算数据 ...

  2. [转]JQuery - Sizzle选择器引擎原理分析

    原文: https://segmentfault.com/a/1190000003933990 ---------------------------------------------------- ...

  3. idea 设置jetty进程jvm参数

    /** * MyEclipse6.5通过Jetty跑Web应用时提示OutOfMemoryError: PermGen space的解决办法 * @see ---------------------- ...

  4. Android 常见内存泄漏的解决方式

    在Android程序开发中.当一个对象已经不须要再使用了,本该被回收时.而另外一个正在使用的对象持有它的引用从而导致它不能被回收.这就导致本该被回收的对象不能被回收而停留在堆内存中,内存泄漏就产生了. ...

  5. Solidworks如何让齿轮运动副保证持续啮合状态

    出现这种情况一般是齿轮的比例有问题,如果你选择两个齿轮的齿顶圆的面,则自动比例是44:74,然后手动转动某个齿轮,就会出现不能啮合的情况   只要模数相同的齿轮不管大小都能始终啮合,但是你需要首先为每 ...

  6. C#中使用正则

      using System.Text.RegularExpressions;           private void button1_Click(object sender, EventArg ...

  7. Hibernate关系映射(三) 多对一和一对多

    一.多对一 学生Student和班级Grade实现多对一,多个学生对应一个班级. Student.java实体类,映射了班级的属性. package com.lxit.entity; import j ...

  8. 算法笔记_075:蓝桥杯练习 最短路(Java)

    目录 1 问题描述 2 解决方案 2.1 floyd算法解决 2.2 spfa算法解决   1 问题描述 问题描述 给定一个n个顶点,m条边的有向图(其中某些边权可能为负,但保证没有负环).请你计算从 ...

  9. chromedriver Capabilities & ChromeOptions

    Capabilities are options that you can use to customize and configure a ChromeDriver session. This pa ...

  10. Why do Antennas Radiate?

    Obtaining an intuitive idea for why antennas radiate is helpful in understanding the fundamentals of ...