easyui-layoutのシュリンクレイヤーでタイトルが表示できない問題の解決方法

この記事では、easyui-layout の縮小レイヤーでタイトルが表示できない原因の分析と解決策を紹介します。興味のある方は、以下を参照してください。

easyui の縮小レイヤーの問題。 -layout ではタイトルを表示できません 原因分析:

easyui-layout でパネルの初期化を折り畳み可能に設定すると、タイトルとアイコンが消えていることがわかります

まあ、結果リストは完全に空白です。問題がある場合は、それを解決する必要があります。インターネット上の情報を確認した後、jquery.easyui.min.js

バージョン: jQuery EasyUI 1.4.1

5105 行目に _39d メソッドがあり、2 つの変数 _Cstitle と _CsIcon が設定されています。次のようにコードを追加します。

var _Cstitle;
var _closedTitle = p.panel("options").title;
if(_closedTitle){
_Cstitle = _closedTitle;
} else{
_Cstitle = '';
}

このようにして title 変数を取得し、同様にアイコンも取得できます。

次に、次のメソッド(行番号5162)でパネルのtitle属性とiconCls属性を上記で定義した変数に設定するだけでOK~(≧▽≦)/~

p.panel($.extend({}, $.fn.layout.paneldefaults, {
　　cls: ("layout-expand layout-expand-" + dir), title: _Cstitle, iconCls: _CsIcon, closed: true, minWidth: 0, minHeight: 0, doSize: false, tools: [{
　　iconCls: icon, handler: function () {
　　_3ad(_39e, _39f);
　　return false;
}
　　}]
}));

以上です~~

上記の内容は、編集者があなたに紹介した easyui の解決策ですレイアウトの縮小レイヤーでタイトルが表示されない問題について、皆様のお役に立てれば幸いです。