文档介绍：(三)中继器的使用(3)
特别提示:百度文库教程发布到此为止,更多教程请访问博客:诉客-产品经理的心声! (一)中继器的使用(1)(二)中继器的使用(2)中我们分别讲解了增、删两个功能,那在今天的教程中我们来讲一下简单的修改功能:
比如,我们觉得商品的价格是应该可以修改的,那么我们在中继器中主页中添加一个修改的按钮(动态面板,点击之后变成保存)和一个用来修改价格的输入框,并设置中继器的事件来实现这个效果。
怎么做呢?步骤也非常的简单,我们把按钮拖进中继器的主页中适当的位置,然后转化成动态面板,并且在动态面板中增加一个状态叫保存,增加这个状态的时候,,新增一个状态然后添加按钮,修改文字,,可以直接复制选中的状态为新状态,你只需要修改新状态的名字和里面的文字就可以了。然后我们分别设置着两个状态中按钮的事件(onclick):
修改按钮事件:修改按钮事件,要负责把隐藏的文本框显示出来,
并且把所在的动态面板转
换成保存的状态;本来没什么好说的,,我们要在显示中继器交互的onload事件中多加一个隐藏文本框的事件,否则丫的不给你隐藏!顺便提一下,如果你隐藏的是动态面板,那就要在显示动态面板的事件前,多加一个隐藏动态面板的事件,否则丫的不
给你显示,要点三下才能显示!
另外,特意提到的是,,元件都可以隐藏(这个功能在右键中取消了,新的位置在元件坐标值编辑框的左面,眼睛形状的图标)和移动,一般情况下无需再转换成动态面板了。
保存按钮事件:这是要重点说的了,在报存按钮的onclick事件中,我们要添加以下事件,来实现修改原有数据的效果。
事件1:像删除功能的实现一样,我们需要先把保存按钮添加到中继器的项目中