笔记

Honwhy 发布于2019-08-23 16:57 / 3058人阅读

摘要：技巧需要技巧初始化需要直接传入或者两种用法初始化时传入元素作为如果不传入默认为使用将模板作为项目中初始化的时候有时会传入作为挂在元素挂在模块冒泡事件和会触发事件回头可以增加的时候也加上监听传入的的方法重新刷新列表触发事件或事件先清空再

jquery技巧

//var list = $(".em-chat-list-tabcontainer[agent]").find("li[sign="+ model.cid+"]");
var list = $("li")
list.each(function(index, ele){
    console.log(index + ":" + ele )
    //ele 需要$(ele)
})

backbone技巧

view初始化需要直接传入$el或者this.setElement(this.template())两种用法
1初始化时传入jq元素作为view.$el(如果不传入默认为$("

"))
2使用this.setElement(this.template())将模板作为view.$el
view.$el
项目中初始化的时候有时会传入$pa(jquery)作为挂在元素挂在this.$el

list模块

冒泡事件
1 this.trigger("ui.list.select", model);
2 this.trigger("ui.list.click", model);
3 me.trigger("ui.list.rendered");
4 me.trigger("ui.list.emptied");
5 this.trigger("ui.list.change");//add和remove会触发change事件(回头可以增加render的时候也加上)
监听传入的collection的方法
update(colletion)//重新刷新列表//触发render事件或empty事件,先清空el再循环挂载

tList = new List({
  el:  $(""),
  collection:  this.agentCollection,
  itemclz:  AgentItem,
  selectStrategy:  ["user.userId", Globals.agentCallingBackId]
});
//首先执行initclass 接着renderItem向el循环挂载item  
//使用时可以直接用list.$el

会话模块

微贷增加客服同事搜索功能
1 pageview 中挂载新的搜索模块并且冒泡触发监控搜索模块，
2搜索模块执行this.$el.trigger("search.input.change", inputval);
3pageview页面监控input变化每次执行search方法,监听相应list模块中的冒泡时间(与原有列表点击时间同步),最后执行$(".search-list-box").empty().append(list.$el);

list模块每次点击相应条目的时候触发自身onItemClick方法，进而trigger("ui.list.selected"),visitolistview(父级元素)监听了以后触发this.$el.trigger(".update.visitorDchatetail", model);pageview监听了以后执行this.visitorDetail.update(model)刷新右侧列表;
而同事客服模块直接触发pageview中的ui.list.selected事件更新由此列表this.agentDetail.update(model);

graph LR;
  pageview-->listtab
  pageview-->visitorListComposer
  visitorListComposer-->2((进行中整体模块))
  visitorListComposer-->searchbarview
  visitorListComposer-->searchvisitorview
  searchvisitorview-->searchvisitoritemview
  visitorListComposer-->VisitorListView
  VisitorListView-->visitoritemview
  listtab-->1((进行中和同事tabb))
  pageview-->AgentItem
  AgentItem-->oprate((在pageview用list模块包装渲染客服同事列表))
 
 pageview-->VisitorChatSession
 VisitorChatSession-->3((进行中模块详情))
 pageview-->AgentChatSessionView
 AgentChatSessionView-->4((客服同事详情))

待接入模块

emtab默认掩藏,其功能为切换WaitListView和AgentCallVisitorView
点击每一项触发WaitListView进而show它的waitlistdetail模块

graph LR;
  pageview-->FilterView
  FilterView-.this.waitlist.query.->WaitListView
  pageview-->EmTab
  EmTab-->5((默认掩藏))
  pageview-->WaitListView
  WaitListView-->6((默认展示))
  WaitListView--用table包装-->itemview
  itemview-->13((this.body))
  WaitListView-->paginator
  paginator-->14((this.footer))
  WaitListView-->WaitListDetail
  WaitListView-->StandardWrapView
  StandardWrapView-->TransferTemplateView
  StandardWrapView-->9
  WaitListView-->MixWrapView
  MixWrapView-->TransferTemplateView
  TransferTemplateView-->11((通过传入的isTabModelFlag区分))
  TransferTemplateView-->TransferAgentView
  TransferTemplateView-->TransferGroupView
  TransferAgentView-->12
  TransferGroupView-->12((此为一个tab切换下的两个模块 ffffd))
  TransferTemplateView-->TransferBySkillGroupView
  MixWrapView-->9((转接搜索框 不同类型,this.transfer=new ffffdffffd))

  WaitListDetail-->WaitListMsgFactory
  pageview-->AgentCallVisitorView
  AgentCallVisitorView-->7((默认隐藏))
  AgentCallVisitorView-->agentitemview

Backbone.PageableCollection.extend({})

此collection用到了插件,可以在queryqueryParams中直接添加请求参数,也可以通过以下方法重写fetch方法

var _fetch = Backbone.PageableCollection.prototype.fetch;
VisitorCollection = Backbone.PageableCollection.extend({

  tenantId: 0,
  url: function(){
    return "/customers/_search";
  },

  fetch: function(options){
    options.type = "post";
    options.contentType = "application/json";
    options.processData = false;
    _fetch.apply(this, [options]);
  },
})

增加模块的步骤

增加权限类型

增加权限

增加路由module

增加路由组件

增加组件的id容器

statics(统计)

管理员首页为dashboard(仪表盘)

云服务器私有云兼容笔记印象笔记笔记云笔记

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/103560.html

大部分程序员都记不住的注解，Idea 云笔记却能轻松记住

摘要：只因技术种类繁杂众多层出不穷，程序员只有靠不断的学习才能不落后于技术，被工作淘汰。特此推荐给大家。 99%的程序员每天都是先学习，后工作，不然完成不了工作。只因技术种类繁杂众多、层出不穷，程序员只有靠不断的学习才能不落后于技术，被工作淘汰。我就是这其中一员，深得体会其中的「疼并快乐」，在...

ARGUS 2021-11-15 11:38 评论0 收藏0
EverMonkey-VSCode上最好用的印象笔记插件

摘要：配置在第一次使用小猿之前，需要配置印象笔记的开发者令牌。小猿在被激活后会执行一次这个命令，并且将以上内容缓存到内存中。建议与改进小猿是一个开源项目，欢迎广大印象笔记和的爱好者的反馈以及。印象猿印象猿(EverMonkey)是一款 VSCode 插件。使用小猿可以让你在 VSCode 中使用 Markdown 编辑，创建，更新印象笔记。安装打开 VSCode，在扩展商店中搜索 e...

entner 2019-08-20 15:33 评论0 收藏0
LocalNote，像使用本地文件一样使用印象笔记（支持 markdown 格式）

摘要：让你能够像使用本地文件一样使用印象笔记。支持流行的格式的笔记，印象笔记中完美显示，上传重新下载笔记仍为格式。三平台支持，安装即用，在平台也流畅的使用印象笔记。在被限制期间登录也会受限，所以会提示尚未登录。 LocalNote showImg(https://badges.gitter.im/littlecodersh/LocalNote.svg); showImg(https://im...

Galence 2019-07-31 12:21 评论0 收藏0
ApacheCN 人工智能知识树 v1.0

摘要：贡献者飞龙版本最近总是有人问我，把这些资料看完一遍要用多长时间，如果你一本书一本书看的话，的确要用很长时间。为了方便大家，我就把每本书的章节拆开，再按照知识点合并，手动整理了这个知识树。 Special Sponsors showImg(https://segmentfault.com/img/remote/1460000018907426?w=1760&h=200); 贡献者：飞龙版...

刘厚水 2019-06-26 19:00 评论0 收藏0
免费网易有道云笔记支持跨平台多设备同步云端笔记

摘要：有道云笔记支持电脑客户端软件和手机客户端，也可以在线，可以实现多端同步管理。老蒋觉得有道云笔记的写作体验是比较好的。以前我们是否也有记日记的习惯？或者喜欢到每年年底准备新年的笔记本用来记录新的一年中的事儿或者日常的文档笔记。但是，随着电脑的普及，我们很多事情基本上都在电脑上完成，除了我们上学时候用到本子和笔的，工作之后能电脑代替的，可能很少会用到写字，于是乎原本记日记、写写随笔之类的可能也丢...

Winer 2021-09-26 10:17 评论0 收藏0