编程记录,亲测有效

希望为编程资料缺失的部分贡献自己的微薄之力……

【ExtJs】饼状图

ExtJs饼状图没有《【ExtJs】柱状图,改变每条柱子的颜色》(点击打开链接)这么难做,因为其每块拼饼的颜色都是天生不同的,不用自己写渲染器。关键是做好动画效果。 一、基本目标 比如如下图的带动画的ExtJs饼状图效果。鼠标悬停到某块拼饼上面,会突出出来。 二、制作...

2015-05-03 11:53:42

阅读数 2272

评论数 0

【ExtJs】柱状图,改变每条柱子的颜色

ExtJs的柱状图的画法其实与《【ExtJs】折线图》(点击打开链接)的画法几乎完全一样,难点在于各个柱子的颜色。ExtJs对于柱状图的颜色,并没有单独为其开放独立的参数。因此还是与《【ExtJs】表格控件Grid的增删改查,利用renderer让操作列actioncolumn使用文字而不是图标》...

2015-05-03 11:35:04

阅读数 2829

评论数 1

【ExtJs】折线图

ExtJs在ExtJs4之后,包含4则推出了图表功能,虽然图表功能可以通过其余JQuery插件实现,例如《【jQuery】兼容IE6的图表插件Highcharts》(点击打开链接),但是这个ExtJs的图表插件也很优秀,至少一些常见的图表也是不虚的。 一、基本目标 画出如下的折现图: ...

2015-05-03 11:17:29

阅读数 2723

评论数 1

【ExtJs】表格控件Grid的增删改查,利用renderer让操作列actioncolumn使用文字而不是图标

在《【ExtJs】与后台数据库交互的带分页表格组件grid的查询》(点击打开链接)中介绍了Grid控件是怎么分页显示的。再加上对此控件内的数据的增加、删除、修改,就真的是大功告成了。此控件的排序,应该在后台的数据库查询语句中增加一条order by语句即可,前台的排序在分页之后,仅能对当前页进行排...

2015-05-03 09:07:15

阅读数 6126

评论数 0

【ExtJs】与后台数据库交互的带分页表格组件grid的查询

ExtJs的表格组件Grid是可以分页的,并且这个组件是随时随地地与后台数据库进行这交互。正如VC的MFC中的List表格控件一样。 基本上,这个表格控件作为OA系统的主角,配合《【ExtJs】利用树状结构、Border布局与标签页刻划OA界面》(点击打开链接)就真的是一个完整的OA系统了。 然而...

2015-05-02 09:24:31

阅读数 4933

评论数 2

【ExtJs】ExtJs的文件上传

ExtJs的文件上传也是采用Ajax的方式,基本上,用户上传之后,其结果马上推回给前台。下面以一个ExtJs图片上传系统,说明这个问题。 一、基本目标 实现如下的一个图片上传的系统,不是基本图片格式,大于1M的图片不给予上传,上传成功显示图片,上传不成功,则显示错误信息。 ...

2015-04-30 09:53:50

阅读数 2621

评论数 0

【ExtJs】ExtJs的富文本编辑器

对于ExtJs表单中的多行文本框,本身就自带一个没有格式的textareafield。 如果要呈现一个带格式的文本编辑器给用户,ExtJs本身就自带一个htmlEditor。 一、基本目标 比如下图的带编辑器的文本框。 这个组件具有加粗、斜体、下划线,增加减少字号,颜色等功...

2015-04-29 20:37:44

阅读数 8530

评论数 0

【ExtJs】ExtJs的表单插件与表单布局、提交与验证

利用ExtJs的Anchor可以为ExtJs自带的表单Form各个组件进行布局,当然,使用《【ExtJs】带日期组件的文本输入框、容器与Ext.Msg.alert告警框告警两次》(点击打开链接)中的vbox也是可以的。其实ExtJs的表单插件与表单布局并不是关键,ExtJs的表单验证还好,就几行语...

2015-04-28 15:37:16

阅读数 2712

评论数 0

【ExtJs】ExtJs的Ajax

这东西非常简单,只要你会用aspx,jsp,php等任意一种服务器语言或者框架,知道怎么获取页面传递参数就行了。 ExtJs的Ajax甚至比Jquery的还要简短。 一、基本目标 就比如如下图的一个极其简单的例子,Ajax.html有一个按钮,一点击,传递a=10与b=20这两个值去...

2015-04-27 11:05:45

阅读数 4770

评论数 0

【ExtJs】折叠式布局与卡片式布局

ExtJs中,除了border布局可以很好地做出成熟的界面,《【ExtJs】利用树状结构、Border布局与标签页刻划OA界面》(点击打开链接),常用的标签页布局《【ExtJs】tabPanel标签页与修改标签页的内容》(点击打开链接)以外。在ExtJs中我觉得最好的主布局还有折叠式布局与卡片式布...

2015-04-25 15:07:14

阅读数 3619

评论数 0

【ExtJs】利用树状结构、Border布局与标签页刻划OA界面

之前说ExtJs是最适合做OA界面的前端框架,因为它把客户端界面搬来了网页,这东西可以说是,就是为那些各种各样的OA信息系统而生的。 一、基本目标 做出如下的OA界面,点击左边的项可以打开相应的标签页,点击标签页的关闭按钮可以关闭这个标签页,在下方的操作信息栏记录相应的操作。 树状结...

2015-04-24 10:57:19

阅读数 2474

评论数 0

【ExtJs】tabPanel标签页与修改标签页的内容

标签页是一个很重要的插件,正如《【mfc】标签页》(点击打开链接)在VC6中的地位,通过ExtJs中能够在网页中轻松地实现一个与客户端一模一样的标签页。 一、基本目标 创建如下的标签页,在底部的工具栏有两个按钮,一个可以增加标签页,增加的标签的内容就是当前的时间。这里只作为例子,一般标...

2015-04-24 09:01:47

阅读数 3923

评论数 0

【ExtJs】带日期组件的文本输入框、容器与Ext.Msg.alert告警框告警两次

ExtJs的UI组件主要模仿客户端的界面效果,甚至其编程方式都有类似之处。 一、基本目标 比如如下的组件,与VC6中的《【mfc】不同对话框之间互相操控、全局变量与日期控件》(点击打开链接)就有异曲同工之妙。 其基本的思想也是先设置两个日期组件与按钮组件,然后,在点击按钮,就...

2015-04-23 11:05:59

阅读数 1551

评论数 0

【ExtJs】模态确定框与模态输入框

确定框与模态输入框在VC6的MFC窗体程序是不可或缺地东西,还记得在VC6的MFC搞一个模态输入框是多么蛋疼的一件事,详见《【mfc】用对话框的切换实现重新登录》(点击打开链接),但是搬到网页上,用ExtJs,几行代码就可以实现这东西。关键是兼容IE6,然后你之后就按往常一样,获取用户的输入的内容...

2015-04-23 09:02:48

阅读数 2447

评论数 0

【ExtJs】ExtJs4.2.1的配置与Helloworld

ExtJs在2.x之后如果用于商业用途将会收费,在官网如果要下载就要给钱,但是完全传说中有个gpl版本,可以随便用,不过法律上的问题就不是我们程序猿细究的事情了。至少自己弄来玩玩是不会有什么问题的。ExtJs这东西,个人觉得非常适合做OA,简直就是把以前的VC6的MFC搬到网页上面来了。 下面以E...

2015-04-22 11:01:07

阅读数 3505

评论数 2

提示
确定要删除当前文章?
取消 删除
关闭
关闭