博客主机

ExtJS 4.0关于Hbox布局的用法详解

ExtJS 4.0关于Hbox布局的用法详解
之前转载了一遍博文关于extjs箱子布局攻略 里面介绍了vbox/hbox的填充模式,代码如下 layout:'hbox', layoutConfig: { align : 'stretch', pack : 'start', }, 在前面版本的extjs我不太清楚,使用4.1版本时,如果布局是hbox,align设置成stretch应该会纵向拉升子部件的。 我试了之后发现并没有达到应有的效果。我没弄明白为什么这样会无效,但是找到了...
博客主机

EXTJS4表格的列xtype详解

EXTJS4表格的列xtype详解
概述:列类型,就是在grid组件创建的时候,指定的列xtype,我们可以将数据更好的展示和列的功能按钮扩展等。 以雨泽漫画的后台为例,需要在列末尾增加几个按钮,“完结状态“、“推荐”、”编辑“、”预览“等按钮。 如下图所示: 一、列类型的主类  Ext.grid.column.Column  xtype:gridcolumn 1.Ext.grid.column.Actionxtype:actioncolumn 在表格中渲染一组图片按钮,并且为它赋予功能 alertText:String设置应用i...

EXTJS4 grid columnprogressbar进度条

EXTJS4 grid columnprogressbar进度条
只有业余时间给雨泽漫画做新后台,进度比较慢花了几天时间主要的功能终于都做完了。 在做图片下载功能的时候,找了好多grid的进度条。有的09年的老版现在不支持4.0了,也有的是在column中renderer里defer延迟渲染上的进度条,感觉效果和调用起来不太好用,性能和效果估计也不太理想。 终于在ext官方论坛里找到一个国外大侠分享的ext4 进度条,现在发出来分享。 ProgressColumn-master 需要说明的是,它并不...

EXTJS4控制器Controller详解

EXTJS4控制器Controller详解
原文地址:http://docs.sencha.com/ext-js/4-1/#!/api/Ext.app.Controller 控制器Controller通常是和application绑定在一起的。它们主要作用是监听事件(通常对view),并采取一些action。下面是我们如何创建一个Controller来管理用户: Ext.define('MyApp.controller.Users', { extend: 'Ext.app.Controller', init: function() { console.log('Initialize...

EXTJS4和JQuery选择器比较

EXTJS4和JQuery选择器比较
现在主流的JS框架要数ExtJs和JQuery应用的比较广泛。JQuery属于轻量级的,一般做网站应用比较常见,可见块头小的优势。ExtJs比较庞大,它除了对基本的JS语法和HTML DOM操作方式的封装之外,还提供了一套强大的UI库。在企业级B/S解决方案应用上独占优势。就单说它在原生JS的封装,DOM操作方式封装方面也足以藐视JQuery。下面我就通过对比API,体现两种框架的异曲同工之处。我们已JQuery API为主线,来看看Ex...

解决CKEditor在Chrome下无法打开CKFinder窗口的BUG

解决CKEditor在Chrome下无法打开CKFinder窗口的BUG
  近日Google Chrome 18 更新後 , 造成許多人的CkEditor 秀抖了(Bug) 瀏覽伺服器端的檔案管理工具打不開! 什麼是CKEditor呢? 就是被大量使用在各種網站設計中(Blog/網站後台管理系統等等..)的HTML所見即所得編輯器. 使用起來方便, 人性化, 彷彿Word般的一種網頁使用的編輯器. 也許有人網站有使用CkEditor但卻不自知, 請見下面截圖     CKEditor所見即所得編輯器   如果您看到您的網...

Flex嵌入到HTML中切换焦点不能输入中文和遮盖DIV的问题

Flex嵌入到HTML中切换焦点不能输入中文和遮盖DIV的问题
默认情况下如果Flash被嵌入到Web页面中,则SWF文件默认被置于所有HTML元素的顶层渲染级别的。类似在所有html元素的总父容器上一层,无法被任何html元素遮挡。 无论怎么设置flash容器和层的深度(z-index)也无济于事。 遇到这个问题我们可以在插入flash的embed或object标签中加入“wmode”属性并设置为wmode=“transparent”或”opaque” 在Flex4中默认的HTML包围容器的方式变了如代码:   <script type=&q...

箱子布局攻略 (HBox/VBox Layout)

箱子布局攻略 (HBox/VBox Layout)
一、了解箱子布局 箱子布局是一种新颖的布局方式,其布局模型可以更好地优化UI设计的工作。它率先在XUL界面语言中被提出,广泛应用于Mozilla的应用程序,如FireFox等等。在CSS布局系统中(for CSS v3),作为新增的补充形式,箱子布局可以指定子元素在水平或垂直的任意一种方向进行排列,剩下有多的空间由已声明了的子元素来填空(声明flex项)。 我们知道,在Ext中,容器里面是用来放置组件的,至于容器内...

EXTJS VType 使用范例

EXTJS VType 使用范例
  Ext.apply(Ext.form.VTypes, { //首先定义一个vtype名称,和他的验证函数,val参数是文本框的值,field是文本框。一般我就使用val和正则表达式比较就OK了。 然后定义一个vtype的报错信息,与vtype名称加Text后缀。OK了。 password: function(val, field) { if (field.initialPassField) { var pwd = Ext.getCmp(field.initialPassField); return (val ...

ckeditor的详细配置

ckeditor的详细配置
一、使用方法:   1、在页面<head>中引入ckeditor核心文件ckeditor.js <span class="kwrd">&lt;</span><span class="html">script</span> <span class="attr">type</span>=”<span class="attr">text</span>/<span class="attr">javascript</span>” <span class=&quo...