1.在layim.config中定義 tool
layim.config({ //初始化接口 init: { url: app+'/imGroupAndUserController/init' ,type: 'get' //默認get脓恕,一般可不填 ,data: {} } //簡約模式(不顯示主面板) //,brief: true //查看群員接口 ,members: { url: app+'/imGroupAndUserController/getGroupUser' ,type: 'get' //默認get澡谭,一般可不填 ,data: {} } ,uploadImage: { url: app+'/imChatMessageController/uploadImage' //(返回的數(shù)據(jù)格式見下文) ,type: '' //默認post } ,uploadFile: { url: app+'/imChatMessageController/uploadFile' //(返回的數(shù)據(jù)格式見下文) ,type: '' //默認post } ,right:"20px" //,skin: ['aaa.jpg'] //新增皮膚 //,isfriend: false //是否開啟好友 //,isgroup: false //是否開啟群組 ,min: true //是否始終最小化主面板(默認false) ,initSkin: '1.jpg' //1-5 設(shè)置初始背景 ,title:"即時通信工具" ,chatLog: app + '/imChatMessageController/chatLog' //聊天記錄地址 ,find: app + '/imGroupController/addGroup'// ,msgbox: app + '/plugins/layui/css/modules/layim/html/msgbox.html' //消息盒子頁面地址倡鲸,若不開啟拷呆,剔除該項即可 ,copyright: true //是否授權(quán) // ,right:'200px' // ,minRight:'200px' //可同時配置多個工具欄 ,tool: [{ alias: 'archivesPush' //工具別名 ,title: '推送檔案' //工具名稱 ,icon: '' //工具圖標(biāo),參考圖標(biāo)文檔 }] });
2. 定義監(jiān)聽事件
注意insert() 為在面板添加聊天內(nèi)容 send()表示發(fā)送
insert()傳入?yún)?shù)是可以定義的在layim.js中
2.//監(jiān)聽自定義工具欄點擊跟磨,以添加代碼為例layim.on('tool(archivesPush)', function(insert, send, obj){ //事件中的tool為固定字符,而code則為過濾器,對應(yīng)的是工具別名(alias) var content = app + "daportal/daportalBorrowCart/imlist"; var btns = ['推送','關(guān)閉']; var iframeWin ; top.layer.open({ type: 2, title: "推送", area: ["900px", "600px"], shade: 0.5, maxmin: false, content: content, btn: btns, btn1: function (index, layero) { iframeWin = top.window[layero.find('iframe')[0]["name"]]; // console.log(iframeWin) var bb = iframeWin.daportalBorrowCartJs.archivesPush(); for(var i =0;i<bb.length;i++){ var data =bb[i].split('#'); var onclick="openInfo(\'"+data[0]+"\',\'"+data[1]+"\',\'"+data[2] +"\');" var text = "a("+onclick+")["+data[3]+"]"; insert(text); //將內(nèi)容插入到編輯器躬贡,主要由insert完成 send(); //自動發(fā)送 } //格式text = "a(aad)[下載文件3]";// // insert(text); //將內(nèi)容插入到編輯器,主要由insert完成// send(); //自動發(fā)送 // console.log(bb) top.layer.close(index); }, //zIndex : layer.zIndex, btn2: function (index,layero) { top.layer.close(index); }, });
3.發(fā)現(xiàn)問題渡贾。
加載聊天歷史的時候一直去訪問相對路徑逗宜。記得在源碼的這個位置加個。 (uploadIM為自定義的工具)