00:01
好来,呃,下边我们说这样一个情况啊,就是这个更新这个咋做。嗯。更新要点这个哈。咱们慢慢还是我们这个套路哈,一点点来分分分析一下角色更新的操作。首先呢,看一下我们的目标。当然是这个修改。嗯,角色的信息啊,其实就需要修改角色的名称。那然后这个思路哈。这个从哪开始的?是从我们这个按钮开始的。咱们就局部就只是截这一小部分了啊,咱们就不截那么多了。
01:12
中间这个。这是我们的更新的按钮。我们现在呢也是哈,说点它。我们去弹出我们的模特框。这个模态框呢,我们希望它能够把数据给回显。哎,那么相对于我们之前的这个茅台框呢。啊,这个模特框应该是。啊,这个有些地方得调整一下啊。就比如说叫ID。首先这个按钮呢,这来一个,呃,更新更新。这个哈,这。来一个。这个警告是不是这么写的?Default default是个白的success。
02:04
好像是个绿的好吧。我以后不提颜色这事儿。我以后不提颜色这事,这来一个update roll butter。这个这方面没有什么信心。呃,更新啊,把这改一下。这个地方这肉内没事,这儿改一下,这改成I。Model。然后呢,这个时候我们这个地方呢,回头要回想一下。回想一下啊,把他旧的角色名称在这给显示一下。H。然后当然这个页面这个茅台框呢,我们在这儿呢,也给它包含进来。这个叫做埃塔。然后呢,我们看看找一个按钮点一下把这个打开,咱们临时的呢,把这个新增这个按钮哈。
03:06
去给他去多复制出来一份,咱们仅仅只是为了去那个什么一下啊收。I只是为了把这模态框打开看一眼。更新哈。嗯。临时的写一个这个这个一会儿。嗯,这不是我们正式的哈。模态框。我们这个叫editor model。手对。恭喜你,都会抢答了。哎,就是这个success这个颜色是是是他这样的,这儿呢,得给他回显一下啊,这儿比如说呢,这回显一下,回显一下这个。
04:01
呃。嗯。消失。销售经理啊,在这这举个例子哈,哎,把这个显示出来。我其实是为了要这个图啊,其实是为了要这个图。嗯,回来这儿呢,这个我们就先删掉了哈,因为这是假的。这个时候吧,我得说哈,我们。肯定是给他绑定,单击小函数。然后呢,去打开这个模态框。这个打开这个模态框呢,然后这里边儿。要回显我们这个旧的数据。这是我们回写。
05:02
数据啊啊回显角色名称数据。这些我们觉得都是常规,都都都是以前也是这么干的。这里边儿其实有,这里边儿还有一个地方。需要注意的就是。绑定单击小函数的时候,我们需要特殊处理一下。绑定单项数啊,这个地方需要使用特殊方式绑定。一会儿我们看一下啊,因为这个按钮呢,是我们动态生成的。它这个你要是点下一页呢,这个按钮吧,就重新生成了这个这一组按钮哈,你点下一页他们就重新生成了,以前如果我们是常规的方式绑定,以前绑定的就没有了。
06:02
啊,他得,所以说。你这重新再绑定就很麻烦啊,所以说我们得给他这个。嗯,采取特殊的办法啊,一会儿我们专门得说一下这个事儿。嗯,这个演完事儿以后呢,我们过来点这个更新的话。哎,点更新。也是绑定单项数。嗯,后边其实就区别就不大了哈。这绑定单机小函数,然后呢,获取新的角色名称。发送Ajax请求。发送发送Ajax请求。
07:09
发完这个请求。当然还得是他后续呢,也有这个也有后续的操作哈。这个后续的操作呢,和我们保存的后续操作呢,稍微有点区别哈。嗯,有啥区别呢,就是说他不需要去。他不需要去那个。呃,清理模态框就不用了,因为每次它都会设置一个新的值。所以这个时候它这个就不用了,所以这三步啊,关闭模态框,显示操作结果,重新加载分页。这是后续操作。啊,这是我们这是我们整个的这样一个流程。但是做的时候呢,我们得关注一下啊,有一些个地方有小细节。
我来说两句