成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

筆記

Honwhy / 3222人閱讀

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

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初始化時(shí)傳入jq元素作為view.$el(如果不傳入默認(rèn)為$("

"))
2使用this.setElement(this.template())將模板作為view.$el
view.$el
項(xiàng)目中初始化的時(shí)候有時(shí)會(huì)傳入$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會(huì)觸發(fā)change事件(回頭可以增加render的時(shí)候也加上)
監(jiān)聽傳入的collection的方法
update(colletion)//重新刷新列表//觸發(fā)render事件 或empty事件,先清空el再循環(huán)掛載

tList = new List({
  el:  $("
    "),
  collection:  this.agentCollection,
  itemclz:  AgentItem,
  selectStrategy:  ["user.userId", Globals.agentCallingBackId]
});
//首先執(zhí)行initclass 接著renderItem向el循環(huán)掛載item  
//使用時(shí)可以直接用list.$el
會(huì)話模塊

微貸增加客服同事搜索功能
1 pageview 中掛載新的搜索模塊 并且冒泡觸發(fā)監(jiān)控搜索模塊，
2搜索模塊執(zhí)行this.$el.trigger("search.input.change", inputval);
3pageview頁面監(jiān)控input變化每次執(zhí)行search方法,監(jiān)聽相應(yīng)list模塊中的冒泡時(shí)間(與原有列表點(diǎn)擊時(shí)間同步),最后執(zhí)行$(".search-list-box").empty().append(list.$el);

list模塊每次點(diǎn)擊相應(yīng)條目的時(shí)候 觸發(fā)自身onItemClick方法，進(jìn)而trigger("ui.list.selected"),visitolistview(父級(jí)元素)監(jiān)聽了以后觸發(fā)this.$el.trigger(".update.visitorDchatetail", model);pageview監(jiān)聽了以后執(zhí)行this.visitorDetail.update(model)刷新右側(cè)列表;
而同事客服模塊直接觸發(fā)pageview中的ui.list.selected事件更新由此列表this.agentDetail.update(model);

graph LR;
  pageview-->listtab
  pageview-->visitorListComposer
  visitorListComposer-->2((進(jìn)行中整體模塊))
  visitorListComposer-->searchbarview
  visitorListComposer-->searchvisitorview
  searchvisitorview-->searchvisitoritemview
  visitorListComposer-->VisitorListView
  VisitorListView-->visitoritemview
  listtab-->1((進(jìn)行中和同事tabb))
  pageview-->AgentItem
  AgentItem-->oprate((在pageview用list模塊包裝渲染客服同事列表))
 
 pageview-->VisitorChatSession
 VisitorChatSession-->3((進(jìn)行中模塊詳情))
 pageview-->AgentChatSessionView
 AgentChatSessionView-->4((客服同事詳情))
待接入模塊

emtab默認(rèn)掩藏,其功能為切換WaitListView和AgentCallVisitorView
點(diǎn)擊每一項(xiàng)觸發(fā)WaitListView進(jìn)而show它的waitlistdetail模塊

graph LR;
  pageview-->FilterView
  FilterView-.this.waitlist.query.->WaitListView
  pageview-->EmTab
  EmTab-->5((默認(rèn)掩藏))
  pageview-->WaitListView
  WaitListView-->6((默認(rèn)展示))
  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區(qū)分))
  TransferTemplateView-->TransferAgentView
  TransferTemplateView-->TransferGroupView
  TransferAgentView-->12
  TransferGroupView-->12((此為一個(gè)tab切換下的兩個(gè)模塊 ffffd))
  TransferTemplateView-->TransferBySkillGroupView
  MixWrapView-->9((轉(zhuǎn)接搜索框 不同類型,this.transfer=new ffffdffffd))

  WaitListDetail-->WaitListMsgFactory
  pageview-->AgentCallVisitorView
  AgentCallVisitorView-->7((默認(rèn)隱藏))
  AgentCallVisitorView-->agentitemview
Backbone.PageableCollection.extend({})

此collection用到了插件,可以在queryqueryParams中直接添加請(qǐng)求參數(shù),也可以通過以下方法重寫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]);
  },
})
增加模塊的步驟

增加權(quán)限類型

增加權(quán)限

增加路由module

增加路由組件

增加組件的id容器

statics(統(tǒng)計(jì))

管理員首頁為dashboard(儀表盤)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/103560.html

相關(guān)文章

  • 大部分程序員都記不住的注解，Idea 云筆記卻能輕松記住

    摘要：只因技術(shù)種類繁雜眾多層出不窮，程序員只有靠不斷的學(xué)習(xí)才能不落后于技術(shù)，被工作淘汰。特此推薦給大家。 99%的程序員每天都是先學(xué)習(xí)，后工作，不然完成不了工作。只因技術(shù)種類繁雜眾多、層出不窮，程序員只有靠不斷的學(xué)習(xí)才能不落后于技術(shù)，被工作淘汰。我就是這其中一員，深得體會(huì)其中的「疼并快樂」，在...

    ARGUS 評(píng)論0 收藏0

  • EverMonkey-VSCode上最好用的印象筆記插件

    摘要：配置在第一次使用小猿之前，需要配置印象筆記的開發(fā)者令牌。小猿在被激活后會(huì)執(zhí)行一次這個(gè)命令，并且將以上內(nèi)容緩存到內(nèi)存中。建議與改進(jìn)小猿是一個(gè)開源項(xiàng)目，歡迎廣大印象筆記和的愛好者的反饋以及。 印象猿 印象猿(EverMonkey)是一款 VSCode 插件。使用小猿可以讓你在 VSCode 中使用 Markdown 編輯，創(chuàng)建，更新印象筆記。 安裝 打開 VSCode，在擴(kuò)展商店中搜索 e...

    entner 評(píng)論0 收藏0

  • LocalNote，像使用本地文件一樣使用印象筆記（支持 markdown 格式）

    摘要：讓你能夠像使用本地文件一樣使用印象筆記。支持流行的格式的筆記，印象筆記中完美顯示，上傳重新下載筆記仍為格式。三平臺(tái)支持，安裝即用，在平臺(tái)也流暢的使用印象筆記。在被限制期間登錄也會(huì)受限，所以會(huì)提示尚未登錄。 LocalNote showImg(https://badges.gitter.im/littlecodersh/LocalNote.svg); showImg(https://im...

    Galence 評(píng)論0 收藏0

  • ApacheCN 人工智能知識(shí)樹 v1.0

    摘要：貢獻(xiàn)者飛龍版本最近總是有人問我，把這些資料看完一遍要用多長(zhǎng)時(shí)間，如果你一本書一本書看的話，的確要用很長(zhǎng)時(shí)間。為了方便大家，我就把每本書的章節(jié)拆開，再按照知識(shí)點(diǎn)合并，手動(dòng)整理了這個(gè)知識(shí)樹。 Special Sponsors showImg(https://segmentfault.com/img/remote/1460000018907426?w=1760&h=200); 貢獻(xiàn)者：飛龍版...

    劉厚水 評(píng)論0 收藏0

  • 免費(fèi)網(wǎng)易有道云筆記支持跨平臺(tái)多設(shè)備同步云端筆記

    摘要：有道云筆記支持電腦客戶端軟件和手機(jī)客戶端，也可以在線，可以實(shí)現(xiàn)多端同步管理。老蔣覺得有道云筆記的寫作體驗(yàn)是比較好的。以前我們是否也有記日記的習(xí)慣？或者喜歡到每年年底準(zhǔn)備新年的筆記本用來記錄新的一年中的事兒或者日常的文檔筆記。但是，隨著電腦的普及，我們很多事情基本上都在電腦上完成，除了我們上學(xué)時(shí)候用到本子和筆的，工作之后能電腦代替的，可能很少會(huì)用到寫字，于是乎原本記日記、寫寫隨筆之類的可能也丟...

    Winer 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<