筆記

Honwhy 發布于2019-08-23 16:57 / 3215人閱讀

摘要：技巧需要技巧初始化需要直接傳入或者兩種用法初始化時傳入元素作為如果不傳入默認為使用將模板作為項目中初始化的時候有時會傳入作為掛在元素掛在模塊冒泡事件和會觸發事件回頭可以增加的時候也加上監聽傳入的的方法重新刷新列表觸發事件或事件先清空再

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(儀表盤)

云服務器 GPU云服務器兼容筆記印象筆記筆記云筆記

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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