Extjs导航页(前端)

Ben_1043556915

于 2022-09-26 13:57:51 发布

阅读量1.2k

点赞数

分类专栏： Extjs 文章标签： javascript 前端 jquery

本文链接：https://blog.youkuaiyun.com/x1043556915/article/details/127052309

版权

本文详细介绍了如何使用ExtJS框架来创建一个功能丰富的前端导航页面。内容包括设置页面布局，添加菜单项，以及实现菜单的动态加载和交互功能。通过实例代码，展示了ExtJS在构建前端导航结构方面的强大能力。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ext.onReady(function() {

Ext.QuickTips.init();

Ext.form.Field.prototype.msgTarget = 'qtip';

var cookiesArr = document.cookie.split(";");

var cssName = "";

//alert(cookiesArr.length)

for(var i=0; i<cookiesArr.length; i++){

var arr = cookiesArr[i].split("=");

   if(arr[0] == "css"){

   cssName = arr[1];

        break;

    }

};

//alert('當前主題'+cssName)

if(cssName != ""){

  Ext.util.CSS.swapStyleSheet('theme', "../ext-3.4.0/resources/css/" + cssName + ".css");

}else{

  Ext.util.CSS.swapStyleSheet('theme', "../ext-3.4.0/resources/css/ext-all.css");

}

var btnStyle = new Ext.Button({

       icon:'../images/color_wheel.png',

       text : "面板風格",

       pressed : false,

       menu : [{

              text : "默認風格",

              icon : '../images/vista.jpg',

              handler : function() {

                     changeSkin('ext-all');

              }

       }, {

              text : "銀白風格",

              icon : '../images/gray.jpg',

              handler : function() {

                     changeSkin('xtheme-gray');

              }

       }, {

              text : "深藍風格",

              icon : '../images/slate.jpg',

              handler : function() {

                     changeSkin('xtheme-slate');

              }

       }, {

              text : "紫色風格",

              icon : '../images/purple.jpg',

              handler : function() {

                     changeSkin('xtheme-purple');

              }

       }, {

              text : "綠色風格",

              icon : '../images/green.jpg',

              handler : function() {

                     changeSkin('xtheme-olive');

              }

       }, {

              text : "灰色風格",

              icon : '../images/darkgray.jpg',

              handler : function() {

                     changeSkin('xtheme-darkgray');

              }

       }, {

              text : "紫色風格",

最低0.47元/天解锁文章