layui当点击增加的时候,将form中的值获取的添加到table行中代码
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行中代码的更多相关文章
- 点击增加删除class
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
- 添加按钮 table增加一行 删减按钮 table去掉一行
需求描述:做的一个AA新增功能,同时可以为这个即将新增的AA添加内容,而且AA的内容默认展示一行列表,点击添加按钮后出现下一行列表 解决思路:页面首先展示一个表头和列表的一行,作为默认展示的一行列表, ...
- svg矢量图标在html中的使用, (知识点:1.通过h5中的css实现点击变色,2.一个svg文件包含多个图标)
svg矢量文件体积小,不变形,比传统的png先进,比现在流行的icon-font灵活.然而在使用过程中还是遇到了很多坑.今天花了一天时间把经验整理出来,以供后来者借鉴.如果您从本文收益,请留言mark ...
- 使用mysql 命令行,增加 ,删除 字段 并 设置默认值 及 非空
使用mysql 命令行,增加 ,删除 字段 并 设置默认值 及 非空 添加 alter table table_name add field_name field_type; 添加,并设置默认值,及非 ...
- VS编程,编辑WPF过程中,点击设计器中界面某一控件,在XAML中高亮突出显示相应的控件代码的设置方法。
原文:VS编程,编辑WPF过程中,点击设计器中界面某一控件,在XAML中高亮突出显示相应的控件代码的设置方法. 版权声明:我不生产代码,我只是代码的搬运工. https://blog.csdn.net ...
- jquery 动态增加table行,动态删除table行
在html中我们大量的用到了局部刷新,局部刷新就是使用js来动态的修改html局部的数据.下面来介绍下使用jquery来动态的增加table的行,当然这种方式可以适用到任何的html组件中去. < ...
- layui从url中取值 ajax获取当前链接中的变量
在使用layui(javascript)的时候, 需要从当前页面的url地址中取值, 例如: http://localhost:8081/html/fund-purchase.html?fundID ...
- layui表格点击排序按钮后,表格绑定事件失效解决方法
最近项目使用layui较为频繁,遇到了一个麻烦的问题,网上搜索也没有看到同类型的问题,故此记下来. 需求是点击上图右侧表格中某一个单元格,会触发点击事件如下代码: $("table>t ...
- D3.js+Es6+webpack构建人物关系图(力导向图),动态更新数据,点击增加节点,拖拽增加连线...
觉得不错的麻烦加个Star:https://github.com/zhangzn3/D3-Es6 在线预览地址:https://zhangzn3.github.io/D3-Es6 功能列表:1. 增加 ...
随机推荐
- [Android Memory] 内存分析工具 MAT 的使用
转载自: http://blog.csdn.net/aaa2832/article/details/19419679 1 内存泄漏的排查方法 Dalvik Debug Monitor Server ( ...
- JS的jsoneditor,用来操作Json格式的界面;json-editor用来根据json数据生成界面
1.jsoneditor https://github.com/josdejong/jsoneditor https://jsoneditoronline.org/ 效果如下: 2.json-edit ...
- NGUI自适应屏幕分辨率
unity官方承诺的新ui系统一直没有推出来,我们的UI使用的是原生的OnGUI系统,刚好UI需要改版,索性就想迁到NGUI上面来,于是看了一下NGUI源码,发现NGUI可以大大的降低DrawCall ...
- 在Ubuntu Server上源码安装OpenERP 8.0,并配置wsgi和nginx运行环境
原文: How to install OpenERP 8.0 Alpha on a fresh Debian / Ubuntu server. OpenERP的安装,可以有多种方式,通过添加源,到 h ...
- c#中的数组、ArrayList、List区别
首先说明C#中的Array类:Array 类是 C# 中所有数组的基类,它是在 System 命名空间中定义.Array 类提供了各种用于数组的属性和方法.关于Array类的一些属性及方法详见博文:C ...
- Item 33: 避免覆盖(hiding)“通过继承得到的名字”
莎士比亚有一个关于名字的说法."What's in a name?" 他问道,"A rose by any other name would smell as sweet ...
- eclipse package explorer视图中怎么让default package不显示?
如下图所示:
- asp.net mvc 3 配置全局错误处理 Web.config中设置CustomError
摘自: http://www.myexception.cn/web/1130191.html asp.net mvc 配置全局异常处理 Web.config中设置CustomError Web.con ...
- iOS 程序从开发完到上 AppStore 那点事儿
收录待用,修改转载已取得腾讯云授权 一.账号体系 想要进行iOS开发,除了必备一台装有Mac OS X/Xcode的Mac开发机(iMac or MacBook)之外,还必须要有苹果开发者账号,只有拥 ...
- http_load压力测试使用
介绍:http_load以并行复用的方式运行,用以测试web服务器的吞吐量与负载.但是它不同于大多数压力测试工具,它可以以一个单一的进程运行,一般不会把客户机搞死.还可以测试HTTPS类的网站请求. ...