`

Extjs杂项

阅读更多

/*//简单的弹出提示窗口
    function()
    {
     Ext.MessageBox.alert('Hello','Welcome to my home!');
    }*/
    
    /*//弹出窗口
    function()
    {
     var win=new Ext.Window({title:'hello',width:300,height:200,html:"<input value='hello'/>"});
     win.show();
    }*/
    
    /*//元素打开后颜色渐变
    function()
    {
     Ext.get('bodyid').highlight();
    }*/
    
    /*//选中元素
    function() {
     Ext.select('p').highlight();
    }*/
    
    /*//给控件添加事件
    function()
    {
     Ext.select('p').on('click',function(e){Ext.get(e.target).highlight();});
    }*/
    /*//panel面板
    function()
    {
     var my_panel = new Ext.Panel({     
     title: 'Panel',
     width:500,
     height:300,
     buttons:[{text:'Button'}],
     html:'<h2>This is a panel.</h2>',
     tbar:[{text:'Top toolbar'}],
     bbar:[{text:'Bottom toolbar'}]
     });
     my_panel.render(paneldiv);
    }*/
    /*//tabpanel
    function()
    {
     var tabpanel=new Ext.TabPanel(
      {
       width:300,height:200,
       items:[
        {title:"面板1",height:30,html:'sdfsdfsdf'},
        {title:"面板2",height:30,html:'dsfsdfsdfsdfsdfsdfsdf'}
       ]
      }
      );
     tabpanel.render('paneldiv');     
    }*/
    /*//面板添加tools:save,help,close    
    function()
    {
     new Ext.Panel(
      {
       renderTo:'paneldiv',
       title:'hello',
       width:300,
       height:200,
       html:'<h1>hello,open source</h1>',
       tools:[
         {id:"save"},
         {id:"help",handler:function(){Ext.MessageBox.alert('help','请帮助我..............!');}},
         {id:"close",handler:function(){Ext.Msg.alert('提示','关闭');Ext.get('paneldiv').innerHtml='';}}
        ],
       tbar:[{pressed:true,text:'刷新'}]
      }
     )
    }*/
    /*//面板工具条中加入按钮、文本、空白、填充条、分隔符
    function()
    {
     var panel=new Ext.Panel({title:"hello",width:300,height:200,html:'<h1>aaaaaaaaa</h1>',
           tbar:[//new Ext.Toolbar.TextItem('工具条'),
             {Button:'',text:'Button'},
             {TextItem:'',text:'工具条'},             
             {pressed:true,text:'添加'},
             {xtype:"tbseparator"},             
             {pressed:false,text:"保存"},             
             {Spacer:'dd',text:"Spacer"},
             {Separator:'',text:'Separator'}
             ]
           });
     panel.render('paneldiv');
    }*/

/*//提示窗口
    function()
    {
     Ext.get("btn").on("click",function(){
      //Ext.MessageBox.confirm("请确认","是否真的要删除指定内容",function(button,text)//返回值是yes或no
      //Ext.MessageBox.prompt("请确认","是否真的要删除指定内容",function(button,text)//返回值是ok或cancel
      Ext.MessageBox.show({title:"请确认",msg:"是否真的要删除指定内容",buttons:Ext.Msg.YESNOCANCEL,fn:function(button,text)//返回值是yes、no或cancel
                    {
                     alert(button);
                     if(button=="yes")
                     {
                      //删除操作
                      alert('删除成功!'+text);
                     }                     
                    }
           })
      });
    }*/

分享到:
评论

相关推荐

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    ExtJS是一种广泛使用的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的组件和工具,使得开发者可以创建出功能强大、用户界面友好的Web应用。在“extjs流程界面设计器参考”中,我们主要关注的是...

    轻松搞定Extjs 带目录

    本书作为Extjs的中文教程,旨在帮助读者快速上手Extjs,其内容涉及Extjs的基础知识和实际应用。 #### 2. JavaScript基础知识 - **类的定义**: Extjs中的类继承于JavaScript原生类,通过Ext.extend来定义。这是...

    ExtJS快速入门 ExtJS快速入门 ExtJS快速入门

    ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...

    ExtJs3.3中文API.CHM_extjs3.3中文文档_

    ExtJS是一个广泛使用的JavaScript库,专门用于构建富客户端应用程序。版本3.3是该库的一个稳定版本,提供了许多功能和组件,使得Web开发者能够创建功能丰富的、交互性强的用户界面。这个“ExtJS3.3中文API.CHM”文档...

    Extjs 2.2 Extjs 3.21 js

    ExtJS是一种广泛使用的JavaScript库,专门用于构建富客户端Web应用程序。这个压缩包包含了ExtJS的两个重要版本:2.2和3.2.1。这两个版本在Web开发领域都有着广泛的运用,它们各自拥有不同的特性和改进,对于理解...

    ExtJS 7.6 SDK trial

    ExtJS 是一个流行的JavaScript框架,用于构建富客户端的Web应用程序。它提供了丰富的用户界面组件、数据绑定机制和强大的API,使开发者能够创建功能强大的、响应式的桌面和移动应用。7.6版本是ExtJS的一个重要更新,...

    包含各种类型的extjs小图标,Extjs4小图标

    ExtJS 是一个流行的JavaScript框架,主要用于构建富客户端的Web应用程序。它提供了丰富的组件库、数据管理功能以及强大的用户界面(UI)元素。在标题和描述中提到的“Extjs4小图标”指的是ExtJS 4版本中使用的一系列...

    extjs电子书,extjs电子书,extjs电子书

    extjs电子书,extjs电子书,extjs电子书,extjs电子书

    ExtJS经典皮肤集合

    ExtJS是一款功能强大的JavaScript前端框架,它为开发者提供了构建富客户端Web应用的工具。这款框架以其丰富的组件库、可定制的界面和强大的数据绑定机制而闻名。标题中的"ExtJS经典皮肤集合"指的是该框架中包含的一...

    EXTJS讲解个人项目经历

    EXTJS 是一个强大的JavaScript前端框架,它主要用于构建富客户端应用,提供丰富的用户界面组件和灵活的可定制性。EXTJS 的核心在于其组件化的架构,允许开发者构建复杂的UI布局和功能丰富的应用程序。以下是对EXTJS...

    ExtJS 界面设计器

    ExtJS是一款强大的JavaScript库,主要用于构建富客户端的Web应用程序。其界面设计器,正如标题所示,是一种可视化的开发工具,能够极大地提升开发效率和用户体验。这个工具允许开发者通过拖放组件和直观地调整属性来...

    ExtJS4ExtJS5MD5 加密

    适用于ExtJS4、ExtJS5 MD5加密算法!

    extjs 3.4 开发前准备

    【EXTJS 3.4 开发前准备】 EXTJS 是一款强大的JavaScript库,主要用于构建桌面级的Web应用程序,提供丰富的用户界面组件和交互效果。3.4版本是EXTJS的一个重要里程碑,它提供了稳定的基础和丰富的组件库。本文将...

    extjsapi/extjs3.4

    extjsapi,extjs文档,api手岫

    extjs-OA extjs-oa

    一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa

    JBPM4 SSH EXTJS JBPM SSH EXTJS

    JBPM4 SSH EXTJS JBPM SSH EXTJS JBPM4 SSH EXTJS JBPM SSH EXTJS JBPM4 SSH EXTJS JBPM SSH EXTJS JBPM4 SSH EXTJS JBPM SSH EXTJS 希望对大家有帮助。

    ExtJs学习笔记 ExtJs Api

    适合ExtJs开发人员extjs技术上手以及深入

    extJS4升级至extJS6.6所遇问题及解决方案

    项目进行前端框架升级——extJS 4升级至extJS6.6所遇的一些问题及相对应的解决方案建议

    让我们开始EXTJS之旅EXTJS_WEB开发指南

    开始ExtJS之旅的第一步是要获得开发包,可以从官方网站www.ExtJS.com下载,以保证获 得最新版本。其下载地址是http://www.ExtJS.com/download,下载成功后的开发包是ExtJS- 2.0.2.zip,有6.08MB大。不过不用担心,这...

Global site tag (gtag.js) - Google Analytics