簡(jiǎn)歷第二次不渲染(UEditor 首次加載正常,再次打開(kāi)樣式不渲染)

問(wèn)題:
人員信息打開(kāi)印机,其中簡(jiǎn)歷匀奏,首次打開(kāi)樣式加載鞭衩,超出長(zhǎng)度可下拉,但是關(guān)閉后再次打開(kāi)發(fā)現(xiàn)樣式不加載娃善,無(wú)法下拉查看多余部分论衍。
分析:
查看ueditor.all.js(在頁(yè)面引入的js),發(fā)現(xiàn)以下代碼

  /**
     * @file
     * @name UE
     * @short UE
     * @desc UEditor的頂部命名空間
     */
    /**
     * @name getEditor
     * @since 1.2.4+
     * @grammar UE.getEditor(id,[opt])  =>  Editor實(shí)例
     * @desc 提供一個(gè)全局的方法得到編輯器實(shí)例
     *
     * * ''id''  放置編輯器的容器id, 如果容器下的編輯器已經(jīng)存在,就直接返回
     * * ''opt'' 編輯器的可選參數(shù)
     * @example
     *  UE.getEditor('containerId',{onready:function(){//創(chuàng)建一個(gè)編輯器實(shí)例
     *      this.setContent('hello')
     *  }});
     *  UE.getEditor('containerId'); //返回剛創(chuàng)建的實(shí)例
     *
     */
    UE.getEditor = function (id, opt) {
        var editor = instances[id];
        if (!editor) {
            editor = instances[id] = new UE.ui.Editor(opt);
            editor.render(id);
        }
        return editor;
    };


    UE.delEditor = function (id) {
        var editor;
        if (editor = instances[id]) {
            editor.key && editor.destroy();
            delete instances[id]
        }
    };

    UE.registerUI = function(uiName,fn,index,editorId){
        utils.each(uiName.split(/\s+/), function (name) {
            UE._customizeUI[name] = {
                id : editorId,
                execFn:fn,
                index:index
            };
        })

    }

})();

在調(diào)用UE.getEditor(‘editor’)初始化UEditor時(shí)聚磺,先從放置編輯器的容器instances中獲取坯台,沒(méi)有實(shí)例才實(shí)例化一個(gè)Editor,這就是引起問(wèn)題的原因瘫寝。

  • 在第一次跳轉(zhuǎn)到編輯器界面時(shí)蜒蕾,正常的實(shí)例化了一個(gè)新的編輯器對(duì)象稠炬,并放入instances,調(diào)用editor.render(id)渲染編輯器的DOM咪啡;
  • 第二次初始化時(shí)卻僅從容器中取到實(shí)例:var editor = instances[id]; 直接返回了editor對(duì)象首启,而編輯器的DOM并沒(méi)有渲染。

具體解決:
原代碼

<!-- 編輯器容器 -->
<td class="height-320" colspan="6" style="height: 150px;">
  <div class="height-320" style="width: 100%; overflow: auto auto;">
  <script id="editor" type="text/plain" 
  style="width: 100%; visibility: hidden; height: 100%;"></script>
  </div>
</td>

<!-- js代碼 -->
//建議使用工廠(chǎng)方法getEditor創(chuàng)建和引用編輯器實(shí)例撤摸,如果在某個(gè)閉包下引用該編輯器闽坡,直接調(diào)用UE.getEditor('editor')就能拿到相關(guān)的實(shí)例
var ue = UE.getEditor('editor');

Ext.onReady(function(){ 
    ue.ready(function () {
        //根據(jù)信息項(xiàng)權(quán)限組控制,判斷簡(jiǎn)歷是否可用
        if(fieldsDisabled.indexOf("a1701") != -1){
            ue.setDisabled();
            Ext.getCmp('qx').setDisabled(true);
            Ext.getCmp('qx2').setDisabled(true);
        }
        setContent();
        genResume();
    });
});

按照網(wǎng)上的方式添加如下代碼:

$(function(){
    UE.getEditor('editor').render('editor');
})

或者修改如下

$(function(){
  UE.delEditor('editor');
  var ue = UE.getEditor('editor');
})

但是發(fā)現(xiàn)都無(wú)效愁溜,經(jīng)過(guò)多次測(cè)試,發(fā)現(xiàn)點(diǎn)擊上一人外厂,下一人時(shí)冕象,樣式?jīng)]有問(wèn)題,而上一人下一人只調(diào)用了setContent()和genResume()汁蝶。所以采用延遲內(nèi)容加載來(lái)解決問(wèn)題渐扮。代碼如下:

//建議使用工廠(chǎng)方法getEditor創(chuàng)建和引用編輯器實(shí)例,如果在某個(gè)閉包下引用該編輯器掖棉,直接調(diào)用UE.getEditor('editor')就能拿到相關(guān)的實(shí)例
var ue = UE.getEditor('editor'); 

ue.addListener('blur',function(a,b,c){
    document.getElementById("a1701").value = ue.getPlainTxt().trim();
});

ue.addListener('beforepaste', myEditor_paste);
    function myEditor_paste(o, html) {//alert();
}

 Ext.onReady(function(){    
    ue.ready(function () {
        //根據(jù)信息項(xiàng)權(quán)限組控制墓律,判斷簡(jiǎn)歷是否可用
        if(fieldsDisabled.indexOf("a1701") != -1){
            ue.setDisabled();
            Ext.getCmp('qx').setDisabled(true);
            Ext.getCmp('qx2').setDisabled(true);
        }
    });
    var fff;
    clearTimeout(fff);
    fff = setTimeout(function() {
        setContent();
        genResume();
    }, 300); 
}); 
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市幔亥,隨后出現(xiàn)的幾起案子耻讽,更是在濱河造成了極大的恐慌,老刑警劉巖帕棉,帶你破解...
    沈念sama閱讀 216,372評(píng)論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件针肥,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡香伴,警方通過(guò)查閱死者的電腦和手機(jī)慰枕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)即纲,“玉大人具帮,你說(shuō)我怎么就攤上這事〉驼” “怎么了蜂厅?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,415評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀(guān)的道長(zhǎng)膊畴。 經(jīng)常有香客問(wèn)我葛峻,道長(zhǎng),這世上最難降的妖魔是什么巴比? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,157評(píng)論 1 292
  • 正文 為了忘掉前任术奖,我火速辦了婚禮礁遵,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘采记。我一直安慰自己佣耐,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,171評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布唧龄。 她就那樣靜靜地躺著兼砖,像睡著了一般。 火紅的嫁衣襯著肌膚如雪既棺。 梳的紋絲不亂的頭發(fā)上讽挟,一...
    開(kāi)封第一講書(shū)人閱讀 51,125評(píng)論 1 297
  • 那天,我揣著相機(jī)與錄音丸冕,去河邊找鬼耽梅。 笑死,一個(gè)胖子當(dāng)著我的面吹牛胖烛,可吹牛的內(nèi)容都是我干的眼姐。 我是一名探鬼主播,決...
    沈念sama閱讀 40,028評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼佩番,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼众旗!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起趟畏,我...
    開(kāi)封第一講書(shū)人閱讀 38,887評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤贡歧,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后赋秀,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體艘款,經(jīng)...
    沈念sama閱讀 45,310評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,533評(píng)論 2 332
  • 正文 我和宋清朗相戀三年沃琅,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了哗咆。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,690評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡益眉,死狀恐怖晌柬,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情郭脂,我是刑警寧澤年碘,帶...
    沈念sama閱讀 35,411評(píng)論 5 343
  • 正文 年R本政府宣布,位于F島的核電站展鸡,受9級(jí)特大地震影響屿衅,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜莹弊,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,004評(píng)論 3 325
  • 文/蒙蒙 一涤久、第九天 我趴在偏房一處隱蔽的房頂上張望涡尘。 院中可真熱鬧,春花似錦响迂、人聲如沸考抄。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)川梅。三九已至,卻和暖如春然遏,著一層夾襖步出監(jiān)牢的瞬間贫途,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,812評(píng)論 1 268
  • 我被黑心中介騙來(lái)泰國(guó)打工待侵, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留丢早,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,693評(píng)論 2 368
  • 正文 我出身青樓诫给,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親啦扬。 傳聞我的和親對(duì)象是個(gè)殘疾皇子中狂,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,577評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容