PDA

View Full Version : ComboBox?getValue()????



kuro
7 Dec 2009, 12:54 AM
???????????????????????getValue()?getRawValue()??????????
??????????????????????????????????Ext 3.0.3?

???????????????????????????????????????????????
fields: ['code', 'text']

????????????????????????????????
displayField: 'text'????// ???????
valueField: 'code'????// ????

?????????????????

Tommy1969
7 Dec 2009, 9:39 AM
??????????getValue() ? getRawValue() ????????????????

????????????????????????????????????????????



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link rel="stylesheet" type="text/css" href="ext-3.0.3/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.0.3/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.0.3/ext-all-debug.js"></script>

<script type="text/javascript">

Ext.onReady(function() {
var store = new Ext.data.ArrayStore({
fields: [
{name: 'code', type: 'int'},
{name: 'text', type: 'string'}
],
data: [
[1, '??????'],
[2, '?????'],
[3, '????'],
[4, '???']
]
});

var cmb = new Ext.form.ComboBox({
mode: 'local',
store: store,
valueField: 'code',
displayField: 'text'
});

var btn = new Ext.Button({
text: '???',
handler: function(btn, e) {
Ext.Msg.alert('???', cmb.getRawValue() + ' & ' + cmb.getValue());
}
});

cmb.render('test1');
btn.render('test2');
});

</script>
</head>
<body style="margin: 1cm;">
<div id="test1"></div>
<div id="test2"></div>
</body>
</html>

kuro
8 Dec 2009, 3:41 AM
??????????????????????????????

?????valid????????????????????????????????
???????????????displayField?????????????



var combo = new Ext.form.ComboBox({
mode: 'local',
store: store,
valueField: 'code',
displayField: 'text',
listeners: {
'valid': function(field) {
var v = field.getValue();
var r = field.getRawValue();
Ext.Msg.alert('???', 'v=' + v + '<br/>r=' + r);
}
}
});
??????field?????????????????????????????
???????????

Tommy1969
8 Dec 2009, 4:11 AM
?????????????????????????????????
"???" ????????????????????????



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link rel="stylesheet" type="text/css" href="ext-3.0.3/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.0.3/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.0.3/ext-all-debug.js"></script>

<script type="text/javascript">

Ext.onReady(function() {
var store = new Ext.data.ArrayStore({
fields: [
{name: 'code', type: 'int'},
{name: 'text', type: 'string'}
],
data: [
[1, '??????'],
[2, '?????'],
[3, '????'],
[4, '???']
]
});

var cmb = new Ext.form.ComboBox({
mode: 'local',
store: store,
valueField: 'code',
displayField: 'text',
triggerAction: 'all',
listeners: {
valid: function(f) {
Ext.Msg.alert('???', f.getRawValue() + ' & ' + f.getValue());
}
}
});

var btn = new Ext.Button({
text: '???',
handler: function(btn, e) {
cmb.validate();
}
});

cmb.render('test1');
btn.render('test2');
});

</script>
</head>
<body style="margin: 1cm;">
<div id="test1"></div>
<div id="test2"></div>
</body>
</html>


????????????????????????????????????

kuro
8 Dec 2009, 6:45 AM
????????????????????????????????????
??????????API????????????????????????

???????????????????????????????????
?????????

??????????????????

Tommy1969
8 Dec 2009, 6:55 AM
valid ??????ComboBox ??????????

?????????"???" ???????????????????????????????????????????????????????????



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link rel="stylesheet" type="text/css" href="ext-3.0.3/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.0.3/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.0.3/ext-all-debug.js"></script>

<script type="text/javascript">

Ext.onReady(function() {
var store = new Ext.data.ArrayStore({
fields: [
{name: 'code', type: 'int'},
{name: 'text', type: 'string'}
],
data: [
[1, '??????'],
[2, '?????'],
[3, '????'],
[4, '???']
]
});

var cmb = new Ext.form.ComboBox({
mode: 'local',
store: store,
valueField: 'code',
displayField: 'text',
triggerAction: 'all',
listeners: {
valid: function(f) {
Ext.Msg.alert('???', f.getRawValue() + ' & ' + f.getValue());
}
}
});

var btn = new Ext.Button({
text: '???',
handler: function(btn, e) {
cmb.validate();
}
});

cmb.render('test1');
btn.render('test2');
});

</script>
</head>
<body style="margin: 1cm;">
<div id="test1"></div>
<div id="test2"></div>
</body>
</html>


????????????????????????????? fireEvent ????????????????????????????

mashiki
11 Dec 2009, 8:12 AM
???????????????????delay?????????????


var combo = new Ext.form.ComboBox({
mode: 'local',
store: store,
valueField: 'code',
displayField: 'text',
listeners: {
'valid': function(field) {
var v = field.getValue();
var r = field.getRawValue();
Ext.Msg.alert('???', 'v=' + v + '<br/>r=' + r);
},
delay: 50 // 0.05?????
}
});


??????????validator?????????????????
????????????????????????????????????????

kuro
12 Dec 2009, 12:42 AM
????????????????????????ComboBox???
????????????????????????????????
????????????????????????

??????????????????getValue()?????
??????????????????????????????

????????delay?????valid?select?????????
??????????????????

API?????????????validationDelay?????????????
???????

ironlion
4 Feb 2010, 8:48 PM
var combo = new Ext.form.ComboBox({
mode: 'local',
store: store,
valueField: 'code',
hiddenName: 'code',
displayField: 'text',
listeners: {
'valid': function(field) {
var v = field.getValue();
var r = field.getRawValue();
Ext.Msg.alert('???', 'v=' + v + '<br/>r=' + r);
}
}
});