layui当点击增加的时候,将form中的值获取的添加到table行中代码

 1 layui.use([‘table‘,‘layer‘],function(){
 2     var $=layui.$,
 3         table=layui.table,
 4         layer=layui.layer;
 5      function getParam(){
 6          C1=window.location.href.split(‘?‘)[1];
 7          id=C1.split(‘&‘)[1].split(‘=‘)[1];
 8          id=id.lastIndexOf(‘#‘)!=-1?id.split(‘#‘)[0]:id;
 9          toolSceneId=C1.split(‘&‘)[0].split(‘=‘)[1];
10      }
11      getParam();
12      var inParaData;
13      $.get(‘/cd/workPlatform/tool/queryPara?toolId=‘+id+‘&type=0‘,{},function(response){
14          inParaData=response.data;
15          table.reload(‘addDemo1‘,{data:inParaData});
16      },"json")
17     var tableObjIn=table.render({
18         elem:‘#inDemo‘
19         ,dataF:inParaData,
20         limit:100,
21         cols:[[
22             {
23                 field:‘inputName‘,
24                 title:‘参数名‘,
25                 edit:‘text‘,
26             }, {
27                 field: ‘parameterCode‘,
28                 title: ‘参数英文名‘,
29                 edit: ‘text‘
30             }, {
31                 field: ‘defaultValue‘,
32                 title: ‘默认值‘,
33                 edit: ‘text‘
34             },
35             {
36                 field: ‘description‘,
37                 title: ‘参数描述‘,
38                 edit: ‘text‘
39             },{
40                 fixed: ‘right‘,
41                 width: 178,
42                 align: ‘center‘,
43                 title: ‘操作‘,
44                 toolbar: ‘#inDemoBar‘
45             }
46         ]],
47         id:‘addDemo1‘
48     });
49      $(‘#addInTableRow‘).click(function () {
50          $("#inputOne").val(‘‘);
51          $("#inputTwo").val(‘‘);
52          $("#inputThree").val(‘‘);
53          $("#inputfour").val(‘‘);
54          layer.open({
55              title:‘添加输入参数‘,
56              type:1,
57              area:[‘500px‘],
58              content:$(‘#layerIn‘),
59              btn:[‘保存‘,‘不保存‘],
60              yes:function (index,layero) {
61                  var cache=table.cache[‘addDemo1‘];
62                  var t={};
63                  var inputName=$(‘#inputOne‘).val();
64                  var parameeterCode=$(‘#inputTwo‘).val();
65                  var reg=/^0-9A-Z$/;
66                  if(inputName==null||""==inputName){
67                      layer.msg(‘参数名不能为空‘);
68                      return;
69                  }
70                  t["inputName"] = inputName;
71                  t["parameterCode"] = $(‘#inputTwo‘).val();
72                  t["defaultValue"] = $(‘#inputThree‘).val();
73                  t["description"] = $(‘#inputfour‘).val();
74                  t["inputTypeId"] = 0;
75                  t["toolId"] = id;
76                  t["type"] = 0;
77                  cache.push(t);
78                  layer.closeAll();
79                  table.reload(‘addDemo1‘,{data:cache});
80              },
81              btn2:function (index,layero) {
82                  layer.closeAll();
83              }
84          })
85      })
86 })

原文地址:https://www.cnblogs.com/yangguoe/p/8979763.html

时间: 2024-08-06 19:46:35

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

点击增加或者减少商品数量并且自动计算总价格

点击增加或者减少商品数量并且自动计算总价格:本章节介绍一下如何实现点击按钮来添加或者删除商品的数量,并且能够自动计算商品的总价格.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title&g

页面JS实现按钮点击增加输入框

最近开发实现了那种点击增加按钮就会多出一栏的效果,但是当每栏的输入框的数量比较多的时候,后台参数的接受就是个问题,不过现在问题总算解决了,用List集合去接受页面数组的方式,具体实现如下: 实现的思路: 首先,要把传递的每栏参数变成每个对象,例如:昵称,用户名,密码就是一个user类的属性: @Entity public class User { @Id @GenericGenerator(name = "generator", strategy = "increment&q

【Cocos2dx】使用CCControlButton创建按钮、按钮点击事件,点击事件中的组件获取,setPosition的坐标问题

按钮不仅在游戏,在任何地方都是不可或缺却又是最基本的东西.在游戏引擎Cocos2dx中也不例外. 下面用一个例子说明Cocos2dx中如何使用按钮,同时,如果在Cocos2dx中获取层,也就是场景.舞台中的组件. 如下图,有一个按钮Clickme,被点击时候与不被点击的时间,其背景图片是不同的.其实就是资源文件夹Resource中早就被玩坏的两个图片,一张CloseNormal.png一张CloseSelected.png被拉伸后的惨状. Cocos2dx的资源文件夹在<[Cocos2dx]资源

点击按钮添加或者删除一行实例代码

点击按钮添加或者删除一行实例代码:网站在填写表达的时候又很多的选择空间,甚至可以自行添加需要添加的内容,例如可以点击按钮添加一个表达项,如果不需要的话可以点击一个按钮删除,下面就简单介绍一下如何实现此效果.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www

jq点击增加一段html

<!--添加广告位信息开始--> <div class="all" style="">     <div class="widget-header">         <h4>广告位明细(最多5条)</h4><div style="float:right;margin-right: 50px; cursor: pointer;"><h4 id=&qu

ng-checked选择和点击增加dom

1.需求 在添加页面实现一个checkbox的选择,然后在详情页面展示时,会自动选上之前被选中的. 2.添加页面 看官最好将这个代码复制过去看看效果. <!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></sc

点击增加元素

111222()3333444()().((ival){ })().((){         len =().select = (+(len-)).().(+len).(select)text=+len+btn=+len++len+(btn).( (text).(  select.(   ().( (+(len-)))   )  ))()}) (){    length=().().((i){    (()[i]).()(()[i]).((){       (i)selectValue = ()

新增加的html里的id,js获取不到id

if(flag==0){                var p = document.createElement("p");                  var text_p = document.createTextNode("还没有账号0?");                 p.setAttribute("class","p-rj");                 p.setAttribute("

点击tr实现选择checkbox功能,点击checkobx的时候阻止冒泡事件, jquery给checkbox添加checked属性或去掉checked属性不能使checkobx改变状态

给tr添加点击事件,使用find方法查找tr下的所有层级的元素,children只查找下一层级的元素,所以使用find.find的返回值为jquery对象,在这个项目中不知道为什么使用jquery给checkbox添加checked属性或去掉checked属性不能使checkobx改变状态,所以我就把jquery对象转换为DOM对象,怎么转呢?jquery对象[0]或者get(0)就转换成DOM对象,然后直接.checked返回true或false就可以判断checkbox是否选中了.然后判断状