Java Blog for Alex Wan

Let life be beautiful like summer flowers and death like autumn leaves.

统计

留言簿(10)

BlogJava

Blogs

DIV+CSS

JQuery相关

友情链接

常去的地方

数据供应

阅读排行榜

评论排行榜

[Extjs]查询字段所在区域时常用的控件(续)



上篇写了实现的代码,在这里给出使用的例子
上篇文章:[Extjs]查询字段所在区域时常用的控件
比较数字
var valueField = new Ext.ux.ComparingField({
        fieldLabel : 
"数量",
        name : 
"value",
        valueConfig:
{
            allowBlank:
false
        }

    }
);
比较日期
var valueField= new Ext.ux.ComparingField({
        fieldLabel : 
"日期",
        type:'date',
        name : 
"value",
        valueConfig:
{
            allowBlank:
false
        }

    }
);
比较时间
var valueField= new Ext.ux.ComparingField({
        fieldLabel : 
"时间",
        type:'time',
        name : 
"value",
        valueConfig:
{
            allowBlank:
false
        }

    }
);

比较日期时间
var valueField= new Ext.ux.ComparingField({
        fieldLabel : 
"日期时间",
        type:'dateTime',
        name : 
"value",
        valueConfig:
{
            allowBlank:
false
        }

    }
);

说明:

 这里将往服务端发送两个相关的参数:
 
valueSymbol ----前面的操作符号的数字代号
  -2  <
 -1  <=
 0   =
 1   >=
 2   >

 valueValue ----后面比较的值


IntervalField 的使用例子
限定数字在一个区间内

var field = new Ext.ux.IntervalField({
        fieldLabel : 
"数量",
        name : 
"field",
        startConfig:
{
            allowBlank:
false
        }
,
        endConfig:
{
            allowBlank:
false
        }

    }
);

限定日期在一个区间内
var field = new Ext.ux.IntervalField({
        fieldLabel : 
"日期",
        name : 
"field",
        type:'date',
        startConfig:
{
            allowBlank:
false
        }
,
        endConfig:
{
            allowBlank:
false
        }

    }
);

限定时间在一个区间内
    var field= new Ext.ux.IntervalField({
        fieldLabel : 
"时间",
        name : 
"field",
        type:'time',
        startConfig:
{
            allowBlank:
false
        }
,
        endConfig:
{
            allowBlank:
false
        }

    }
);

限定日期时间在一个区间内
var field = new Ext.ux.IntervalField({
        fieldLabel : 
"日期时间",
        name : 
"field",
        type:'dateTime',
        startConfig:
{
            allowBlank:
false
        }
,
        endConfig:
{
            allowBlank:
false
        }

    }
);

说明:
* 这里将往服务端发送两个相关的参数:
*
* fieldStart----区间的下界
* fieldEnd----区间的上界

Let life be beautiful like summer flowers and death like autumn leaves.

posted on 2008-07-30 09:32 Alexwan 阅读(1604) 评论(0)  编辑  收藏 所属分类: JavaScript


只有注册用户登录后才能发表评论。


网站导航: