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] Linux下malloc函数和OOM Killer
http://www.linuxidc.com/Linux/2010-09/28364.htm Linux下malloc函数主要用来在用户空间从heap申请内存,申请成功返回指向所分配内存的指针,申请 ...
- Kubernetes应用迁移问题定位
这个帖子记录所有的应用迁移中遇到的问题. 关于镜像无法启动后无法定位问题 在原有的Dockerfile中修改,加入 RUN echo "aaa" > /etc/a.log C ...
- weblogic生成和配置SSL证书
采用Linux自带的OPENSSL进行证书的生成工作 准备阶段 以root登录,同时在el01gbcn01上完成 [oracle@el01gbcn01]# which java /u01/FMW/we ...
- 剖析ASP.NET Core(Part 4)- 调用MVC中间件(译)
原文:https://www.stevejgordon.co.uk/invoking-mvc-middleware-asp-net-core-anatomy-part-4 发布于:2017年5月环境: ...
- localstorge的缓存写法(超过一定时间自动清空)
使用缓存: (设置缓存,尽量用大写,下划线的写法) const ls = { set: function (variable, value, ttl_ms) { var data = {value: ...
- ylbtech-LanguageSamples-Libraries(库)
ylbtech-Microsoft-CSharpSamples:ylbtech-LanguageSamples-Libraries(库) 1.A,示例(Sample) 返回顶部 “库”示例 本示例演示 ...
- struts2安全漏洞
1 背景 Struts2是apache项目下的一个web 框架,普遍应用于阿里巴巴.京东等互联网.政府.企业门户网站. 2 内容 在2013年6月底发布的Struts 2.3.15版本被曝出存在重要的 ...
- linux 调度总结(转载)
调度: 操作系统的调度程序的两项任务: 1: 调度: 实现调度策略,决定就绪的进程.线程竞争cpu的次序的裁决原则.说白了就是进程和线程何时应该放弃cpu和选择那个就绪进程.线程来执行. 2: 分派: ...
- DotNetBar ComboBoxEx
DotNetBar ComboBoxEx using System; using System.ComponentModel; using System.Drawing; using System.R ...
- iOS_Objective-C測试
1. iOS中程序正常载入UIViewControlle时,下面四个方法哪个最先运行? A.viewVillAppear B.viewDidLoad C.viewDidAppear D.viewWil ...