`
guoyiqi
  • 浏览: 1010178 次
社区版块
存档分类
最新评论

learning ext js 中文版 之 根据用户操作对话框来给出响应

EXT 
阅读更多

现在我们可以根据用户操作对话框来给出响应。我们将加入switch语句来处理点击Yes按钮。当yes按钮被点击,将执行Prompt函数处理第三个参数。如果在prompt输入的值为“guoyiqi”,我们将在页面上id值为“my_id”的div 上显示http://guoyiqi.iteye.com的链接,如果不是就显示prompt输入的值的链接。同时我们还在同一个div上应用style ,给它加上一个背景。

代码片段:

case 'yes':

Ext.Msg.prompt('请输入一个值', '随便输?或者guoyiqi看看',function(btn,txt){

 

if (txt.toLowerCase() == 'guoyiqi') {

Ext.get('my_id').dom.innerHTML = '<a href=http://guoyiqi.iteye.com>http://guoyiqi.iteye.com</a>';

}else{

Ext.get('my_id').dom.innerHTML = '<a href=http://guoyiqi.iteye.com>'+txt+'</a>';

}

Ext.DomHelper.applyStyles('my_id',{

background: 'transparent url(imgs/4-1.png) 50% 50% no-repeat',

height:'100px'

});

});

break;

如果点击no按钮,就弹出警告,并且改变div的背景

                                                                                     

代码片段:

case 'no':

Ext.Msg.alert('你敢点no',

'我要炸死你!',

function() {

Ext.DomHelper.applyStyles('my_id',{

background: 'transparent url(imgs/6-1.png) 0 100% repeat-x',

height:'100px'

});

});

break;

如果点击cancel按钮,就弹出等待对话框,不做任何操作

case 'cancel':

Ext.Msg.wait('点了取消,你就慢慢等吧','永远有多远');

break;

 

分享到:
评论

相关推荐

    learning ext js 中文版之在对话框中添加图标和按钮事件

    "学习EXT JS中文版之在对话框中添加图标和按钮事件"这一主题深入探讨了如何为EXT JS的对话框(Modal Dialog)增添视觉吸引力和功能性,通过添加图标和响应式按钮事件来提升用户体验。 EXT JS中的对话框通常用于显示...

    Learning Ext JS 3.2

    这本书深入浅出地介绍了Ext JS的核心概念、组件和功能,旨在帮助开发者掌握这一强大的JavaScript库,从而构建高效、用户友好的Web应用程序。 Ext JS是一个用于构建富互联网应用程序(RIA)的开源JavaScript库,它...

    Learning Ext JS

    Ext JS是一个用于构建丰富互联网应用程序(RIA)的跨浏览器JavaScript框架。它不仅支持桌面应用程序的动态用户界面构建,还支持数据驱动的Web应用程序。此外,Ext JS为Ext Designer提供了基础,Ext Designer是一个...

    Learning_Ext_JS.pdf使用中文文档

    根据文档标题“Learning_Ext_JS.pdf使用中文文档”,我们可以推断出本书主要介绍了Ext JS这一Web开发框架的相关知识。Ext JS是一款基于JavaScript的开源前端框架,它允许开发者构建动态、桌面风格的用户界面,特别...

    Learning Ext JS 4 pdf

    Learning Ext JS 4 by Crysfel Villa and Armando Gonzalez (Oct 8, 2012) $49.99 Paperback Order in the next 13 hours and get it by Tuesday, Mar 19. More Buying Choices - Paperback $46.48 new (17 ...

    learning ext js 中文版 之 Ext的form功能是无穷的

    NULL 博文链接:https://guoyiqi.iteye.com/blog/322673

    Learning Ext JS 4

    首先,标题“Learning Ext JS 4”指明了这本教程的核心内容,即学习Ext JS框架的第四个版本。Ext JS是一个基于JavaScript的框架,用于开发富互联网应用程序(RIA)。它提供了一系列丰富的界面组件,使得开发者能够...

    RIA Programming Learning Ext JS

    - **桌面风格的UI设计**:Ext JS提供了丰富的组件和工具,允许开发者创建类似桌面应用程序的用户体验,如拖拽操作、上下文菜单等。 - **数据驱动的组件**:通过绑定数据模型到用户界面组件,实现自动更新界面显示...

    learning ext js

    learning ext js learning ext jslearning ext js learning ext js

    Packt Learning Ext Js Nov 2008 Ebook-Elohim.pdf

    本书详细介绍了如何使用Ext JS构建动态的用户界面,重点在于如何利用其组件和事件处理机制来实现响应式设计。通过实例,读者将学会如何创建可自定义的布局、动态加载数据、处理用户输入,以及实现数据绑定等功能。 ...

    Learning.Ext.JS.3.2

    在《学习Ext.JS 3.2》一书中,作者们(Shea Frederick、Colin Ramsay、Steve 'Cutter' Blades 和 Nigel White)深入探讨了如何利用Ext.JS 3.2版本来构建与传统桌面应用程序相似的用户界面。这包括如何设计和实现复杂...

    Learning EXT JS

    Ext JS是一个用于创建交互式用户界面的JavaScript库,它提供了丰富的组件和工具,使得开发者能够轻松地开发出高性能的Web应用。 ### 构建动态用户界面 在现代Web开发中,用户界面的体验对于吸引和保留用户至关重要...

    learning Ext js

    ### 关于《Learning Ext JS》 ...综上所述,《Learning Ext JS》是一本全面介绍Ext JS框架的技术书籍,不仅提供了丰富的理论知识,还包含了大量实践案例,对于希望深入学习Ext JS的开发者来说是不可多得的学习资源。

    Learning ExtJS, Fourth Edition (Ext JS 5+)

    《Learning ExtJS, Fourth Edition (Ext JS 5+)》是关于Ext JS框架的一本经典教程,该书针对Ext JS的5.x版本进行了全面升级。Ext JS是一个成熟的JavaScript框架,用于开发具有丰富交互性的Web应用程序。它最初由Jack...

    Ext-JS 3.0 Cookbook Packt Publishing PDF

    - 对于初学者来说,建议先阅读《Learning Ext JS》这本书作为入门指南,然后再深入学习《Ext JS 3.0 Cookbook》中的进阶内容。 - 结合实际项目进行练习是非常重要的,可以尝试着根据书中的示例构建自己的小项目,...

    Learning WebRTC中文版-用WebRTC开发交互实时通信应用

    《Learning WebRTC 中文版》使用形象的案例介绍,逐步深入地阐述了WebRTC 的幕后工作原理。通过阅读本书,读者可以快速、有效地掌握创建一个WebRTC 应用所必需的知识,包括获取用户设备信息、创建WebRTC 应用的...

    Learning TypeScript 中文完整版.pdf

    "Learning TypeScript 中文完整版.pdf" 这本书详细介绍了 TypeScript 的各个方面,帮助学习者全面掌握这一强大的语言工具。 1. **类型系统**:TypeScript 引入了静态类型,允许开发者在编写代码时就声明变量、函数...

    Learning Python中文版(Python语言入门)

    《Learning Python中文版》是一本旨在帮助读者入门Python编程语言的书籍。这本书详细介绍了Python的基础知识,适合初学者和希望提高编程技能的读者。Python是一种自由的开放源码的解释性语言,它设计的初衰就是追求...

    Deep Learning with PyTorch中文版前5章

    2018年2月第一版的Deep Learning with PyTorch, A practical approach to building neural network models using PyTorch,中文版前5章,原书真心不错,值得拥有。

Global site tag (gtag.js) - Google Analytics