Hi,
I'm having a "hint" styling issue following a clearValues() and a setValues() to a field. The field values get reset
properly but the field displays using the HINT style instead of the appropriate/regular style.
The steps to reproduce the problem are as follows :
1) Choose a value in the combo box.
2) Click the "No problem here" button. Field gets cleared, hint shows in the field. All ok ...
3) Choose a value in the combo box.
4) Click the "Reproduce issue" button. Field gets cleared, value gets set back OK, but the value is displayed using
the "hint" style instead of the regular field style.
Here's the code to reproduce the problem :
Is this a bug ? If not, do you have any idea on how I can avoid this behavior ?
Thanks,
I'm having a "hint" styling issue following a clearValues() and a setValues() to a field. The field values get reset
properly but the field displays using the HINT style instead of the appropriate/regular style.
The steps to reproduce the problem are as follows :
1) Choose a value in the combo box.
2) Click the "No problem here" button. Field gets cleared, hint shows in the field. All ok ...
3) Choose a value in the combo box.
4) Click the "Reproduce issue" button. Field gets cleared, value gets set back OK, but the value is displayed using
the "hint" style instead of the regular field style.
Here's the code to reproduce the problem :
Code:
<HTML>
<HEAD>
<SCRIPT>
window.isomorphicDir = 'isomorphic/';
</SCRIPT>
<SCRIPT SRC="isomorphic/system/modules/ISC_Core.js"></SCRIPT>
<SCRIPT SRC="isomorphic/system/modules/ISC_Foundation.js"></SCRIPT>
<SCRIPT SRC="isomorphic/system/modules/ISC_Containers.js"></SCRIPT>
<SCRIPT SRC="isomorphic/system/modules/ISC_Grids.js"></SCRIPT>
<SCRIPT SRC="isomorphic/system/modules/ISC_Forms.js"></SCRIPT>
<SCRIPT SRC="isomorphic/system/modules/ISC_DataBinding.js"></SCRIPT>
<SCRIPT SRC="isomorphic/skins/EnterpriseBlue/load_skin.js"></SCRIPT>
<TITLE>Investigation - selected value displayed with hint CSS</TITLE>
</HEAD>
<BODY>
<SCRIPT>
var dataSource = DataSource.create
({
ID : 'dataSource',
fields : [
{ name : 'fieldName', required : true, type : 'select' }
]
});
var valuesManager = ValuesManager.create({ dataSource : 'dataSource' });
var myForm = isc.DynamicForm.create
({
valuesManager : valuesManager,
fields :
[
{
name : 'fieldName',
type : 'select',
required : true,
valueMap :
{
'value1' : 'label1',
'value2' : 'label2',
'value3' : 'label3'
},
title : 'field',
showHintInField : true,
hint : 'this is my hint'
}
]
});
var myLayout = VLayout.create({
width : 400,
members :
[ isc.Label.create({ contents: "Selector displaying value with hint CSS after clicking on 'reproduce issue' button" }),
myForm,
IButton.create
({
title: 'no probleme here',
click: 'myLayout.scenarioOk();'
}),
IButton.create
({
title: 'reproduce issue',
click: 'myLayout.scenarioFailure();'
})
],
//----------------------------------------------------------------------------------------------------------------------------
scenarioOk : function()
{
myForm.valuesManager.setValues(null);
},
//----------------------------------------------------------------------------------------------------------------------------
scenarioFailure : function()
{
var savedValues = myForm.valuesManager.getValues();
myForm.valuesManager.clearValues();
myForm.valuesManager.setValues(savedValues);
}
});
</SCRIPT>
</BODY>
</HTML>
Thanks,
Comment