`

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);
                     }                     
                    }
           })
      });
    }*/

分享到:
评论

相关推荐

    ExtJS资源汇总

    ExtJS是一种基于JavaScript的开源富客户端框架,专为构建企业级Web应用程序而设计。它提供了大量的组件、布局管理和数据绑定机制,使得开发者可以构建出功能丰富、交互性强且具有响应式设计的应用。在这个"ExtJS资源...

    SistemaBolsa-ExtJs:SistemaBolsa-ExtJs

    SistemaBolsa /无礼/等此文件夹包含杂项。 sass构建的支持代码(全局函数,mixin等)Sistemabolsa / ass / src 该文件夹包含sass文件,这些sss文件定义了与应用程序的javascript代码版本中包含的类相对应的css规则。...

    Extjs版本60一些简单使用示例以及效果

    Ext.js(版本6.0)一些简单使用示例以及效果

    ExtJS员工名录示例应用程序

    ExtJS员工名录示例应用程序是一个基于JavaScript开发的项目,它主要使用了Ext JS框架来构建。Ext JS是一款功能强大的前端JavaScript库,专为构建富互联网应用程序(RIA)而设计。这个示例应用展示了如何利用Ext JS...

    sevillajs-extjs:SevillaJS聚会中关于ExtJS的代码

    SevillaJS / sass /等此文件夹包含杂项。 sass构建的支持代码(全局函数,mixin等)塞维利亚JS / SASS / SRC 该文件夹包含sass文件,这些sss文件定义了与应用程序的javascript代码版本中包含的类相对应的css规则。 ...

    FineUI(ASP.NET UI控件) v4.1.3.rar

    基于 ExtJS 的开源 ASP.NET 控件库。 FineUI的使命 创建 No JavaScript,No CSS,No UpdatePanel,No ViewState,No WebServices 的网站应用程序。 支持的浏览器 IE 8.0 、Chrome、Firefox、Opera、Safari bulid...

    oajava源码-javaSourceCode:这是一个Java源代码,oa/web/etc

    "oa/web/etc" 进一步暗示了项目结构,其中"oa"可能代表OA模块,"web"则代表Web应用程序部分,而"etc"通常用于存放配置文件和其他杂项。 【描述】中提到的 "iExtJs5" 指的是该项目采用了ExtJS 5作为前端框架。ExtJS...

    学生软件项目实验报告模板

    例如,使用ExtJs作为前端UI库,提供丰富的交互效果;后端以Java为基础,使用DAO(数据访问对象)设计模式,分层处理数据操作。 三、功能模块实现: 1. 学员管理: - 学员报名:收集学员信息,如身份证、姓名、地址...

Global site tag (gtag.js) - Google Analytics