随笔分类 - ExtJs
摘要：Ext Core手册2009.4.5-5.3Ext Core概述简介Ext Core是一款具有多项功能的轻型JavaScript库，基于MIT许可为大家服务。在Ext Core中有许多激赏的功能，在倡导快速Web开发的同时也本着高质量、可伸缩性的代码的指导思想进行着。Core库对DOM操作、Ajax、事件、动画、模板、00机制等的任务都有相应的支持。Core库基于MIT方式发布，无论是一般的动态页...
阅读全文
摘要：ext的tree学习笔记 2007-11-23 11:08 YUI.ext中的Tree组件可以用来在页面实现树型布局的效果，包括常见的树型菜单等，那么我们怎样才能生成一个Tree呢，主要有以下四个步骤； 1.定义一个Tree对象： var tree = new E...
阅读全文
摘要：本篇介绍了将数据动态绑定到Ext.form.ComboBox,以树状结构的形式显示.采取后台读数据库的方式.提供显示提示消息的效果和改变ComboBox的宽度和高度. 不支持手写和联想功能. 效果图如下: 前台代码如下: 后台代码如下: protected void Page_Load(object sender, EventArgs e) ...
阅读全文
摘要：本篇介绍了将分页数据动态绑定到Ext.form.ComboBox,采取后台读数据库的方式.支持手写和联想功能,还提供显示提示消息的效果和改变ComboBox的宽度和高度. 这里最主要的是要在后台处理分页数据返回到前台. 效果图如下: 前台代码如下: 后台代码如下: protected void Page_Load(object sender, ...
阅读全文
摘要：本篇介绍了将数据动态绑定到Ext.form.ComboBox,采取后台读数据库的方式.支持手写和联想功能,还提供显示提示消息的效果和改变ComboBox的宽度和高度. 效果图如下: 前台代码显示如下: 后台代码显示如下: private void Bind_AllData() { DataSet ds = Sa...
阅读全文
摘要：本篇介绍如何在客户端绑定数据到Ext.form.ComboBox,并支持手写和联想功能,还提供了显示提示消息的功能. 效果图如下: 代码较为简单,不涉及到后台处理:
阅读全文
摘要：本文介绍如何在grid列表里 在某行上面单击右键弹出菜单的功能 先看看效果图: 如上图所示,具体菜单的功能没有去实现,这里和前几篇的后台都极为类似,有需要后台代码的朋友只需要浏览前几篇即可. 下面仅仅列出页面的设计代码 Code Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHig...
阅读全文
摘要：本篇在提高篇的第二十二篇中扩展而来,脑子里面突然觉得要把它实现出来,新增的功能也很简单,但就觉得效果很好. 下面先看看效果图吧 上面的效果可以说明是在数据浏览篇的基础上扩展而来,虽然仅仅是增加了几个按钮,但是当初并没有想到这方面,只是刚刚才有了这个想法 在选中某条记录后就可以对当前的这条数据进行编辑了,当然,你还可以增加新的记录, 你还可以根据需要增加更多的操作按钮 这里具体的操作功能都没有实现...
阅读全文
摘要：本篇主要描述如何将列表的各种常用操作放在表格上面,也就是放在工具栏里面,而不是放在分页栏里面 下面具体看看效果图. 如上图所示,现在就已经将具体的操作按钮放到了表格的上面,这样看的可能更加清晰点. 下面把代码完整复制出来供大家参考:由于后台和以前的几篇完全一样,这里就不再累赘.仅仅列出页面的具体实现. Code Code highlighting produced by Actipro ...
阅读全文
摘要：这篇实现的功能是:当选择grid列表的某行数据时,在列表的右边则会动态的显示该条数据的详细信息. 先看看效果图: 上面的效果图展示了当选择左边列表的某行数据时,在右边就会动态的显示该条数据的详细信息 当我们选择某行数据后就会出现下图所示的效果: 上边的效果图显示了这个功能的实现. 下面将页面实现代码完整张贴出来: Code Code highlighting produced by ...
阅读全文
摘要：在这篇文章里介绍了如何将grid扩展行，通常在很多的新闻网站，你只能够看见标题信息，或者看到的将内容信息截取的，无论哪样，你都无法一目了然的浏览详细内容，除非你打开新的页面。这里向大家介绍了Ext自带扩展grid行所实现的惊人的效果。实现功能就是在行的前面定义了一个加号，当点这个加号时就会在紧接当前行的下方显示你定义的任何信息，特别是详细信息。效果非常精美绝伦。 先看看效果图吧 上面是grid列...
阅读全文
摘要：批量删除篇主要介绍如何获取批量删除所需要的数据以及将一个实现批量删除的存储过程贴出来供大家讨论.本例子实现了客户端获取以及存储ID数据的方式,在从服务器端返回后也做了假设性的处理.这里不需要再弹出一个窗体来确认批量删除,但是还是需要一个确认的消息框的,如果选择删除才会执行删除的处理语句. 先看看图片吧 通过上面这幅效果图可以看见在分页栏里面已经将批量删除按钮放置进去,在没有选中任何数据的时候点批...
阅读全文
摘要：确定删除篇和编辑修改ext的实现上基本上一样的,不一样的是在后台的逻辑处理方式上.在本章将前两篇的编辑修改功能和添加功能都添加进来,这样就逐步实现了grid操作的完整性. 下面先把效果图展示出来: 由上图可以看出在分页栏基本上实现了grid操作的完整性 上面的效果图显示了没有选择记录时弹出的提示消息. 上面这幅效果图展示了在选择数据后弹出的一个确认删除的窗口 全部代码如下: Code ...
阅读全文
摘要：只所以把这个作为系列之一，主要的就是说明如何获取数据以及在点编辑按钮时,如何将数据动态绑定到窗体对应的字段里面 在获取记录时首先需要选中某条数据前面的复选框，否则会有有自定义的消息提示你如何正确的操作. 下面来看看两则效果图,和上篇的样式一样,只是功能不一样而已,同样数据的来源和后代代码的实现都是一样的,也包含了如何获取数据和验证数据以及与后台传递数据的方式,仅仅没有在服务器端实现编辑的功能,事实...
阅读全文
摘要：添加记录篇里实现在分页栏里添加一个按钮,当点该按钮后弹出一个添加窗体,正确输入数据并提交成功后,窗体并不关闭(可以自己定义),但窗体下面的grid列表会自动增加刚刚添加的数据,视觉效果非常理想. 首先看看效果图.在这个效果图里面不仅仅设置了添加按钮,而且还添加了一个刷新按钮 在上面的效果图里面的分页栏里可以看见,已经将按钮添加到分页栏里面,Ext2.2以前的版本只能够将按钮添加到工具栏,当然也不...
阅读全文
摘要：在这个显示篇里,简单的从后台绑定数据,包括分页和刷新的功能. 先看看图片展示的效果: 1,下面把页面代码完整复制: Code Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 无标题页 ...
阅读全文
摘要：效果图很漂亮 hehe 这里利用帅哥的作用了,点右上方的小三角形号可以收缩,不占空间, 可以结合音频 视频等做出更加漂亮的效果, 稍加修改就可以做成动态获取数据的方式,做成类似webpart的效果简直易如反掌 看看代码 其实很简单 多数代码都是可以从某地复制过来的
阅读全文
摘要：还是先看看效果图吧 图片总是在恰当的时候可以说明一切 //Button图标 var btn = new Ext.Button ({ text:"button图标",cls: 'x-btn-text-icon',icon:"../Images/Menus/house.png", renderTo:"btnIcon" }); //Me...
阅读全文
摘要：显示字体和字号的菜单样式 var menu = new Ext.menu.Menu(); menu.add ( { text:"字号", menu: [ new Ext.menu.CheckItem({text:"大",group:"font"}), new Ext.menu.Ch...
阅读全文
摘要：这个示例实现了有复选框的树形菜单，这个菜单的核心代码是我以前在网上无意中发现的，还好今天派上了用场。本例中不仅仅实现了复选框的树形菜单，而且使得在选中某个节点时，如果有子节点，那么就能够将所有的字节点全部选中，当然你也可以直接选择你希望的节点。但是，当你第一次选中某个有子节点但是子节点并没有展开的时候，就会出现一种例外，就是虽然你选中了这个节点，但该节点的所有子节点没有同时被选中，而如果该节点的子...
阅读全文