使用Extjs的IP地址v4的表单字段 [英] Form field for IP address v4 with Extjs
本文介绍了使用Extjs的IP地址v4的表单字段的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我用Extjs 3创建一个表单面板,我想创建一个字段来放置IP地址v4,就像我有4个正方形来放置4个数字一样. 谢谢您的帮助
I create a form panel with Extjs 3 and i wanna create a field to put an IP address v4 like I have 4 squares to put 4 numbers. Thanks for your help
推荐答案
我在IP字段中使用了Robert B. Williams版本. 只需几个操作即可更改它以适合V4 IP.
I have used Robert B. Williams version for IP field. You can change it to fit V4 IPs with just a few twinks.
下面是代码:
/**
* @class Ext.ux.form.TimeField
* @extends Ext.ux.form.FieldPanel
* This class creates a time field using spinners.
* @license: BSD
* @author: Robert B. Williams (extjs id: vtswingkid)
* @constructor
* Creates a new FieldPanel
* @param {Object} config Configuration options
*/
Ext.namespace("Ext.ux.form");
Ext.ux.form.IpField = Ext.extend(Ext.ux.form.FieldPanel, {
border: false,
baseCls: null,
layout: 'table',
token: '.',
value: '192.168.0.1',
layoutConfig: {
columns: 7
},
width: 180,
// private
defaults:{
maskRe: /[0-9]/,
maxLength: 3,
listeners: {
'focus': function(f){
f.selectText();
}
}
},
initComponent: function()
{
this.items = [{
xtype:'numberfield',
width:40,
name: this.name + '0'
}, {
html: '.',
baseCls: null,
bodyStyle: 'font-weight: bold; font-size-adjust: .9',
border: false
}, {
xtype:'numberfield',
width:40,
name: this.name + '1'
}, {
html: '.',
baseCls: null,
bodyStyle: 'font-weight: bold; font-size-adjust: .9',
border: false
}, {
xtype:'numberfield',
width:40,
name: this.name + '2'
}, {
html: '.',
baseCls: null,
bodyStyle: 'font-weight: bold; font-size-adjust: .9',
border: false
}, {
xtype:'numberfield',
width:40,
name: this.name + '3'
}]
Ext.ux.form.IpField.superclass.initComponent.call(this);
}
});
Ext.reg('uxipfield', Ext.ux.form.IpField);
这篇关于使用Extjs的IP地址v4的表单字段的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文