microboat
- 浏览: 59368 次
- 性别:
- 来自: 上海
-
最新评论
-
zhouzxz：
你能运行aa!
mootools仿淘宝算法的js分页控件 -
chamcon：
我自己也写了一个仿淘宝分页控件 [url＝http://cha ...
mootools仿淘宝算法的js分页控件 -
八岭书生：
请问下 {lrb1:true,lrb2:true,lrb4: ...
RadioGroup和CheckboxGroup的赋值问题 -
qianniao08：
好耶。。解决问题
打造Ext2.0模块化单页系统（二） -
zhangwenyingl：
比如说我返回的是json数据，不像data.js那样，那我到底 ...
mootools仿淘宝算法的js分页控件
文章列表
在新发布的Ext3.0中，对Ext.lib.Ajax进行了改写，导致无法直接访问其内部的getConnectionObject方法，这对我们自己写同步请求方法带来困难，下面共享一个改写后的Ext3.0的同步请求方法：
//同步请求
Boat.Synchronize = function(url) {
function createXhrObject() {
var http;
var activeX = ['MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP', 'Microsoft.XMLHTTP'];
...
发布一个Ext单选/多选下拉控件，先上效果图：
源码下载：Ext单选/多选控件
说明：数据源必须是本地数组，详情见源码注释和demo。
先上效果图：
源代码和说明：
Ext.namespace('Boat.UI');
///带单位的文本框
Boat.UI.UnitField = Ext.extend(Ext.form.TextField,{
/*单位说明文字*/
unitText:'',
onRender: function(ct, position){
Boat.UI.UnitField.superclass.onRender.call(this, ct, position);
this.unitEl = ct.createChild({tag:' ...
用Ext开发程序时经常会用到一些常用的按钮图标。我把自己常用的图标整理成一个css共享一下。
效果图:
使用方法：
1.将附件中的resources\images\extend目录复制到ext的resources\images目录下，
2.将附件中的resources\css\ext-extend.css复制到ext的resources\css目录下。
此控件需要远程json数据，这个json数据中必须包含有记录总数的属性。
demo文件说明：
data.js----模拟远程json数据的文件，实际应用时应该用后台程序根据控件传入的start和limit参数返回json。
start和limit是控件自动生成的参数，表示当前页码和每页显示记录数。
demo.html---演示页面，需web服务器环境。
mootools-core.js---mootools核心文件。
pages.gif---箭头图标
paging.css---控件的样式表
paging.js---控件js文件
使用方法和配置参数见demo
效果图如下：
在Ext2.2的Ext.form.FormPanel中如果有RadioGroup或者CheckboxGroup，那么FormPanel.form.setValues方法对这2个东东内部的radio和checkbox无法动态赋值，需要对Ext.form.BasicForm的findField方法进行修正，代码如下：
Ext.override(Ext.form.BasicForm,{
findField : function(id){
var field = this.items.get(id);
if(!field){
...
Ext2.2中新增了CheckboxGroup和RadioGroup控件，在使用中发现如果选项文字为中文时，在IE6.0下显示会出现问题，如图：
修正样式如下：
/*修正check-group,radio-group*/.x-form-check-wrap,.x-form-radio-wrap{padding:3px 0 0 0;line-height:15px;width:100px;}.x-form-check-group .x-form-check-wrap,.x-form-radio-group .x-form-radio-wrap{height:15px;}.ext-ie .x- ...
打造Ext2.0模块化单页系统（一）
打造Ext2.0模块化单页系统（二）
做了一个简单的Demo,这个Demo演示了用树形菜单动态加载模块。和上面2篇文章介绍的略微有些不同，动态加载模块类后并不立即实例化，而是把模块类付给主程序类的一个属性变量后再实例化，当TabPanel中的Tab被关闭再次打开时，需要对相应的模块类再次实例化。
此Demo需要Web服务器支持。
打造Ext2.0模块化单页系统（一）
http://microboat.iteye.com/blog/182682
上回说到模块基类的定义和主程序类定义，接下来我们看看具体某个模块的定义。
这里为了演示目的，借用API上的Array Grid Example
先看代码：
Ext.extend(demo.module, {
init: function(){
var myData = [
['3m Co',71.72,0.02,0.03,'9/1 12:00am'],
['Alcoa Inc',29.01,0.4 ...
大多数web应用系统都会包含功能菜单和显示页面，功能菜单可以是页面左面的一棵树，也可以是一个可以切换的多标签页，而显示页面无非就是一个空白区域，点击相应的功能菜单，切换不同的内容。
经常看到有人讨 ...
- 2008-04-14 19:09
- 浏览 15824
- 评论(11)