094_CRM项目-备注信息处理_删除备注1原创

走好，我们接下来来看一看啊。对于这张列表大家注意啊，我们得做什么呢？这个啊，添加修改删除相应的操作，但是刚才咱们有这个图标呢，看到没？在这个图标消失了，需要我们重新加一下啊，这个图标我们来看，按照咱们这个前端的这个前端的这个开发顺序来啊，先来ID要等于一个这个mark body，看到没？然后我们需要填上这两句啊，这两句啊，至于动画效果来讲的话，无脑填就行了啊。嗯，我就直接放在这了。在下边咱们要有一个。这个mark body啊。来一个ID等于什么？看到没？你按照这种形式来就行了，OK吧。

啊。我靠，这什么鬼。多了一个那个NBSP是吧，我靠，这会儿在拼的时候怎么。少个少个这个符号是吧。这没错了吧，好啊，我们现在把它这个涂红就行了啊。红色，同学们啊，红色改成什么？咱就别别right了，人家把这个东西都给你铺出来了。应该是什么来着？红色。嗯。

这是红色啊。光的三原色啊，咱们RGB颜色啊，头两位是什么呢？红色RGBR表示什么？Red吧，G表示什么？RGBG既然代表green，中间两位代表什么？G是不是绿色呀？B代表什么？那最后两位什么颜色？蓝色呗，那我现在取红色，既然我们用的是16进制的形式，那头两位数涂满就是FF啊，那绿色和蓝色咱们是不是一点都不涂，是不是就是零啊。啊。嗯，来，我们来看一看。行了，涂红了OK吧，好，但是呢，大家注意啊，以前啊有一种很炫酷的这个效果啊，刚才被我去掉了啊，因为这个客户觉得这个用起来不是很方便啊，给大家看一看我们之前的那个原型啊。

嗯，前段性看一看啊。看市场活动啊，点击进来，你看之前是什么呢？你鼠标不进来，它没有看到没，你鼠标进来它是什么颜色的呢。灰色的，然后鼠标进来，它在红色的OK吧，那这种形式都很难看，OK吧那其实就是前端动了一点小心思，就觉得这个东西挺挺有意思的，OK吧啊就是觉得视觉视觉体验挺强的，但其实呢，人家连这个修改和删除这个按钮都找不到OK吧，所以说后期咱们一律都改成这个啊，这个纯红色的OK吧，那要求大家呢，是什么呢？当我们在处理完这个备注列表之后啊，有几项信息，第一项是什么呢？你是不是得改成咱们这个红色呀。

对吧，把这俩图标都改成红色，OK吧，然后呢，在我的这个备注下边这个div上别加错了啊，这个是不是TOP30LEFT40的这个div啊，来一个ID，然后把这两句无脑的给它加上就行了，OK吧啊，至于前端的这个表现样式动画这些东西啊，那可不是我们操心的事，OK吧啊，你直接粘这个东西就行了啊好，值得一提的是什么呢？大家注意看啊，我们现在是不是有一个你看啊，它代表的是修改，它代表的是删除，对不对？那这俩图标是从哪儿来的呢？这可不是我在网上去找的呀，你看看我们这两个图标是不是跟我前边所用到的这些图标是不是整体样式风格来讲是不是很贴合呀。哎，风格很相似对不对？其实都是谁呢？都是BOO stop这个框架给我们提供好的图标，我们直接拿过来用就行了，OK吧，它的这个方式什么呢？你起一个SPASPA这个标签，OK吧，然后这个class啊，这个class样式引什么，它就是什么图标，OK吧，好，例如我们现在啊，是一个SPA标签日，对不对？他演的这个样是谁呢？

Edit，那就是修改图标啊，这个就是删除的图标，OK吧，好，我现在比如说随便给你改一个啊，比如说。Search ----------。CH，我看看这东西有没有啊？我猜了啊，这我纯猜了啊。有。有吧，是不是就是根据你这个单词的这个含义来啊。那比如说来个音乐，怎么说music是吧。我啊。嗯，是吧，其实这些图标都是来自于哪啊，我们来看一看啊，因为这个这个这个图标这个东西咱们在讲交易的时候得用啊，今天咱们必须得热热身啊put。

啊。看没看到是不是都是这些图标啊啊，你用死便标签对class那个属性里边是不是引这些内容就行了，哎，你引谁他就是谁，比说咱们找一找那个修改和删除呢，同学们，哎，删除我上来就找了，是不是就是它呀，看看是不是什么什么杠蕊木啊。修改的呢，翻一翻。找到了，说他呀啊什么什么什么杠什么艾是这样吧，哎，Span标签对啊CLASS1引啊就可以了啊行这个咱们。回来啊，这个叫。啊，Move啊，Remove。

好，接下来啊，咱们先来做一个删除啊，同学们删除这个图标啊，我们在这儿是不是这个remove啊，对不对，我们以前要给一个元素绑一个事件，用的是哪一种方式呢？咱们是不是应该给它起一个ID啊。对不对，起一个ID，然后给这个ID来绑个事件，对不对，但是现在我给他起ID方便不同学。不太方便吧，比如说我现在来一个ID等于ABC。然后我给他绑个事件。不行吗？我现在此时此刻身处在哪呢？是不是foe去循环当中呢？你给它来一个IDABC啊，那大家注意啊，你给它来个IDC，是不是所有遍离出来的元素叫ID都叫ABC啊？

不行。OK吧，这是不行的啊好，所以说啊，我们最常用的一种形式是什么呢。哎，是直接触发事件的形式，OK吧，老师啊，那咱们直接触发超链接呗，超链接不行啊，超链接办不到，因为超链接本身你是不是就属于这个贺这个属性里边，这里边内容是不是写死了，我想扩充点内容，是不是扩充不了啊，就跟我们以前介绍的那样，我想在处罚他之前想做点啥，咱们说做不到。还记得吧？哎，所以说哎这句话表示什么，同学们？这得知道。这句话不知道吗？这句话叫做什么呢？禁用超链接吧，对不对？这个是啊，将超链接禁用OK吧，好啊，只能什么呢？好处罚这个啊，只能以这个啊处罚事件的。

形式来操作，OK吧，好，那既然咱们超链接直接写her不行啊，被我们pass掉了对不对？好，只起ID也不行，所以说大家注意看啊，在电力当中动态生成的元素我们永远是什么呢？直接触发这个事件是最方便的，OK吧，以后这么用，好久没直接触发事件了。On click是这样吗？好，我们应该处罚一个方法，这个叫做什么呢？是不是要删除这个备注啊，对不对？我们先来一个方法叫做。Re remove remark，行吧，好，我们来写一个方法，OK吧，好，我们现在来一个。Remove，直接长成这样吧，我就直接来delete吧，行吧，删除可以吧，就删除咱们更直接一些啊。

Delete remark。Deletemark，咱们来看一看这个东西能不能谈行吗？走一个。看看。对，能谈吗？哎，你直接处罚它是没有任何问题的，对不对，但是现在我这个deletemark方法，我知不知道我要删的是哪一条，我知道吗。不知道，我不知道要操作的是谁。咱们是不是就必须得传个参数啊，这参数它必须是ID啊，如果啊，你需要操作这个方法，你不知道操作是谁啊，包括咱们的后台啊，你就必须得传ID，能理解吧，老师我传名字行不行，传传名字是不是不行啊啊，因为名字能重名对不对，你仍然不知道是谁对吧。好，所以说传个ID啊，咱们把ID传起来。

在哪？来一个一条一条分析，ID是在N当中呢，你N怎么取的not count呢？咱们N就怎么取ID，看到没？好，那大家注意看啊，咱们是不是应该拼一个什么呢。加加什么恩点。ID是不是得拼个ID啊，同学们。AB。OK吗？你看这不是不是跟我们拼的什么N点什么取其他值是不是都是一样的。哎，一模一样OK吗？你看n note content。行，咱们把这个ID给他输出出来啊，这个输出出来咱就下课啊，不输出出来咱就。不下课了，对。嗯。我点了。

我我点了你看呐，我点了没反应，下不了课了，我真点了。真的你看他是不是还是有点变化的，有一个这个默认的这个虚线框看到没。点了没有说明什么呢？说明这个语法它有错的啊，OK吧，好，那大家注意啊，对于动态生成的元素所触发的这个方法，它参数大家注意啊，这个参数啊，必须套用在字符串当中，这一点来看跟我们之前。处罚的这uncle click是不一样的，OK吧，跟之前之前如果咱们之前写个uncleli，它是不是就好使了。这回不行，为什么呢？因为它是什么呢？动态便利出来了，看到没啊，所以说咱们怎么处理啊，就这个问题啊，你要会了就会了，你要不会了，就这个小问题，你信不信一下我都跳不出来。注意看啊，我现在里边是不是应该加一个字符串来引一下这个ID啊，那大家注意我现在是不是双引号，双引号里边又要用这个引号里用什么引号。

单引号，但是这个单引号是不是跟我这个拼字符串的单引号重复了，所以说需要把这单引号干嘛。转移看到没，我现在是不是相当于字符串有了中间再写，再拼谁呢？拼ID拼ID，咱们是不是仍然还得用这个单引号来拼呢。注意来看啊，走走回推合加加n.ID硬性规定能理解吧，如果你是动态生成的元素的话，你这个ID必须得给我套到这个。引号当中，它必须是跑到引号当中必须的。这个这个你你你也不要去想，哎，为什么这么说，设计者为什么这么设计呢？啊设计者心血来潮呢，其实刚才这么弄，咱们刚才那么弄是不是挺简单的对不对，但是呢，就是不行啊，必须得套到双引号当中，OK吧，好，那大家注意看啊，啊这不是双引号啊，必须得套到什么呢？字符串当中对不对？好你管它是单引还是多引呢，这回我们再来看啊市场活动。

走一个好，我们来点个叉，走一个好使了吧，好使啊，行了，休息会。