`

Ext js封装面板和按钮

阅读更多

Ext js封装面板和按钮

js(一): var addInfoSet=new Ext.Button({text:'新增,cls:"tt",iconCls:"add_ry",handler:addInfo}); $(document).ready(function(){ var vpt = new Ext.Panel({ layout:'border',renderTo:Ext.getBody(),height:Ext.getBody().getHeight(), items:[{region:"center",// border:false, contentEl:"content",//content为页面div的id autoScroll: true }], tbar:[addInfoSet] }); }); function addInfo(){ var result = window.showModalDialog("新增页面路径", str, "dialogHeight:300px;dialogWidth:600px;"); if(result == 'success'){ window.location.reload(); }else if(result=='fail'){ alert("创建失败"); } 注:str为要传递的参数

js(二): $(document).ready(function(){ var vpt = new Ext.Panel({ layout:'border',height:Ext.getBody().getHeight(),region:"center", items:[{region:"center", title:"名册详细", border:false, contentEl:"content", autoScroll: true }], bbar:[{text:'审核',handler:bhZjmc},'-',{text:'保存数据',handler:saveMcsh},'-',{text:'驳回',handler:reInfo}] }); }); function saveMcsh(){ }; function bhZjmc(){ }; function through(id){ $("#zjContent").attr("src",'${base}/business/zjgl/mcshSelList.do?zjglInfoBean.ZJ_DW_CODE='+id); }; function reInfo(){ }; jsp:

<iterator value="zjlist" status="zjmc"><tr align="center"></tr></iterator>
分享到:
评论

相关推荐

    Ext JS - JavaScript Library

    Ext JS 提供了一整套预先封装的组件,如表格、面板、菜单、按钮、表单、树形视图等,使开发者能够快速构建复杂的、交互性强的Web应用。 在“ext-2.2”这个压缩包中,我们可以期待找到的是Ext JS 2.2版本的相关文件...

    ext js 中文手册

    Widgets是Ext JS中的各种用户界面组件,如窗口、按钮、面板等。这些组件不仅拥有丰富的外观和行为,而且它们的生命周期管理、事件和数据绑定等都由框架管理,从而极大简化了开发工作。 Ajax在Ext JS中是指通过异步...

    Ext JS PPT教程

    Ext JS 是一个强大的JavaScript应用程序框架,专用于构建富客户端Web应用程序。它提供了丰富的组件和控件,使得开发者能够轻松创建出交互性强、用户体验良好的网页应用。以下是对标题和描述中涉及知识点的详细说明:...

    Ext用户UI界面优秀框架

    在描述中提到的“对javascript强封装大”,意味着Ext JS 将JavaScript的功能进行了高度抽象和模块化,封装了许多复杂的底层操作,使得开发者无需关心底层细节,只需关注业务逻辑和界面设计。这大大降低了开发难度,...

    ext js 培训资料

    2. 传统浏览器事件处理:EXT JS对原生浏览器事件进行了封装和增强。 3. EXT组件事件:EXT组件提供了丰富的事件系统,包括触发事件和响应事件的机制。 六、组件的生命周期 1. 初始化:配置选项处理、创建组件事件、...

    《深入浅出Ext JS(第2版)》书本代码

    《深入浅出Ext JS(第2版)》是一本专门探讨Ext JS这一JavaScript框架的权威书籍,其配套代码库包含了作者为了阐述各种概念和技术而编写的示例代码。Ext JS是一个用于构建富客户端Web应用程序的JavaScript库,尤其...

    Ext .net控件

    Ext.NET控件是一种将流行的JavaScript库Ext JS与微软的.NET框架相结合的技术,旨在为开发者提供在ASP.NET环境中创建丰富交互式Web应用的能力。通过将Ext JS的功能集成到.NET控件中,开发人员可以利用.NET的强大后端...

    Ext Js权威指南(.zip.001

    9.3.4 记录和恢复面板属性:ext.util.memento / 439 9.3.5 面板常用的配置项、方法和事件 / 439 9.4 布局 / 441 9.4.1 布局概述 / 441 9.4.2 布局的运行流程:ext.layout.layout / 441 9.4.3 容器类布局基类:...

    EXT 教程

    EXT JS提供了自己的类系统,但其本质仍是对JavaScript的封装和扩展。 在压缩包文件中,"EXT 教程"可能包含一系列的HTML文件,这些文件可能包含了EXT JS的实例代码和讲解文字。通过阅读这些文件,你可以了解到EXT JS...

    Ext JS 3.1.1 Ultimate 版

    1. **组件化**:Ext JS 提供了大量的可重用组件,如按钮、表格、面板、菜单、表单、树形视图等,这些组件具有高度定制性,能够快速构建复杂的用户界面。 2. **数据绑定**:通过Data Package,开发者可以轻松地将UI...

    ext可视化编辑工具

    EXT JS提供了丰富的组件库,包括表格、菜单、按钮、面板等,以及先进的数据绑定机制和布局管理,让开发者能轻松构建复杂的前端用户界面。EXT可视化编辑工具则进一步将这个框架的强大功能封装为直观易用的图形化编辑...

    ext-cn-js-beta

    - **组件API**:从按钮(Button)到面板(Panel),再到窗口(Window)和菜单(Menu),EXT的API文档涵盖了所有组件的详细信息,包括属性、方法和事件。 4. **EXT JS应用开发实践** - **布局设计**:学习如何根据...

    Ext2.0 中文文档

    EXT,全称Ext JS,是一种基于JavaScript的开源前端框架,主要应用于构建富互联网应用程序(RIA)。这个框架由Sencha公司开发,提供了丰富的组件库和强大的数据管理能力,使得开发者能够创建功能复杂的Web应用,而...

    Ext3.0实现多文件上传.rar

    6. **UI组件**: Ext3.0库包含了各种UI组件,如按钮、表单、面板等,可以方便地构建出美观且功能完善的文件选择和上传界面。例如,可以使用`Ext.form.FileField`组件来创建一个文件选择按钮,并通过配置属性实现多选...

    Gwt-ext学习笔记

    Gwt-ext通过提供Java封装类,让开发者可以使用Java API来操作和配置Ext JS组件,从而保持代码的整洁和一致性。 在学习Gwt-ext时,首先需要理解以下几个关键知识点: 1. **组件体系**:了解Ext JS的组件模型,包括...

    Ext in Action(Ext3.2)

    **Ext JS** 的强大之处在于其高度封装和灵活的扩展性,下面将详细介绍其基本原理和常见实践案例。 - **组件与容器**:Ext JS 中的所有 UI 元素都是通过组件(Component)来表示的,而容器(Container)则用来组织...

    一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之用户管理(2) 源代码

    Ext JS是一款强大的JavaScript库,它提供了丰富的组件库和数据绑定机制,用于构建富客户端应用程序。MVC(Model-View-Controller)是一种设计模式,用于分离应用的业务逻辑、视图展示和用户交互。在Ext JS中,MVC...

    ext+struts+spring小例子

    EXT JS 是一个强大的JavaScript库,主要用于构建富客户端应用程序,提供丰富的用户界面组件,如表格、面板、图表等。EXT JS 使用MVVM(Model-View-ViewModel)设计模式,使得前端数据和视图之间的绑定更加简单。在...

Global site tag (gtag.js) - Google Analytics