看这个
我的设计是点击左侧变量组名按钮后,右侧输入框显示对应的名字可修改,内容数据可修改。 目前还缺少一个保存的按钮。
所以添加如下按钮:
效果如下:
首先我们要做的第一个功能就是,点击左侧变量组的名字按钮,右侧显示对应的名字和内容数据,所以要先给按钮写一个onclick属性,然后新建一个js 并绑定:
注意,我这次一次性传了三个参数id,name和data,并且注意参数都是有分号的,作为字符串传了进去。
接下来,我们要给这三个数据 分别展示到不同位置上:
如上图,我把name和data都显示了,效果噢如下:(点击了第二套变量)
那么这个id参数,我要来何用呢?这个就是用来记载当前选中的到底是哪个变量组了,毕竟我们要点击保存按钮的时候,是要把id带上的,不然后台也不知道这新的名字数据 归谁是不?
所以这个id 我们可以巧妙的存放在某处看不到的input中即可。
所以新建这个隐藏的input 用来存放当前选中的变量组的id并给他存放id。