摘要:技巧需要技巧初始化需要直接传入或者两种用法初始化时传入元素作为如果不传入默认为使用将模板作为项目中初始化的时候有时会传入作为挂在元素挂在模块冒泡事件和会触发事件回头可以增加的时候也加上监听传入的的方法重新刷新列表触发事件或事件先清空再
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(如果不传入默认为$("
冒泡事件
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: $("
微贷增加客服同事搜索功能
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-->agentitemviewBackbone.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
摘要:只因技术种类繁杂众多层出不穷,程序员只有靠不断的学习才能不落后于技术,被工作淘汰。特此推荐给大家。 99%的程序员每天都是先学习,后工作,不然完成不了工作。只因技术种类繁杂众多、层出不穷,程序员只有靠不断的学习才能不落后于技术,被工作淘汰。我就是这其中一员,深得体会其中的「疼并快乐」,在...
摘要:配置在第一次使用小猿之前,需要配置印象笔记的开发者令牌。小猿在被激活后会执行一次这个命令,并且将以上内容缓存到内存中。建议与改进小猿是一个开源项目,欢迎广大印象笔记和的爱好者的反馈以及。 印象猿 印象猿(EverMonkey)是一款 VSCode 插件。使用小猿可以让你在 VSCode 中使用 Markdown 编辑,创建,更新印象笔记。 安装 打开 VSCode,在扩展商店中搜索 e...
摘要:让你能够像使用本地文件一样使用印象笔记。支持流行的格式的笔记,印象笔记中完美显示,上传重新下载笔记仍为格式。三平台支持,安装即用,在平台也流畅的使用印象笔记。在被限制期间登录也会受限,所以会提示尚未登录。 LocalNote showImg(https://badges.gitter.im/littlecodersh/LocalNote.svg); showImg(https://im...
摘要:贡献者飞龙版本最近总是有人问我,把这些资料看完一遍要用多长时间,如果你一本书一本书看的话,的确要用很长时间。为了方便大家,我就把每本书的章节拆开,再按照知识点合并,手动整理了这个知识树。 Special Sponsors showImg(https://segmentfault.com/img/remote/1460000018907426?w=1760&h=200); 贡献者:飞龙版...
摘要:有道云笔记支持电脑客户端软件和手机客户端,也可以在线,可以实现多端同步管理。老蒋觉得有道云笔记的写作体验是比较好的。以前我们是否也有记日记的习惯?或者喜欢到每年年底准备新年的笔记本用来记录新的一年中的事儿或者日常的文档笔记。但是,随着电脑的普及,我们很多事情基本上都在电脑上完成,除了我们上学时候用到本子和笔的,工作之后能电脑代替的,可能很少会用到写字,于是乎原本记日记、写写随笔之类的可能也丢...
阅读 3596·2023-04-26 02:24
阅读 931·2023-04-25 14:47
阅读 2478·2021-11-24 11:16
阅读 1708·2021-11-24 09:38
阅读 1571·2021-11-18 10:07
阅读 2061·2021-09-22 15:49
阅读 1589·2019-08-30 15:55
阅读 875·2019-08-26 13:38