Xpages typeahead函数防止编辑框样式化

Xpages typeahead函数防止编辑框样式化,xpages,type-ahead,Xpages,Type Ahead,我的xPage上有两个编辑框。 第二个启用了typeahead。 我想在onFocus事件上制作编辑框背景,例如黄色。。。 我是这样做的: var fldObj = dojo.byId("myEditBox"); if (!fldObj) { fldObj = dojo.query("[id$=':myEditBox']"); if (fldObj) { fldObj = fldObj[0]; } } if (fldObj != null) { f

我的xPage上有两个编辑框。 第二个启用了typeahead。 我想在onFocus事件上制作编辑框背景,例如黄色。。。 我是这样做的:

var fldObj = dojo.byId("myEditBox");
if (!fldObj) {
    fldObj = dojo.query("[id$=':myEditBox']");
    if (fldObj) {
        fldObj = fldObj[0];
    }
}
if (fldObj != null) {
    fldObj.style.background="yellow";
}
它适用于第一个编辑框,但不适用于启用了typeahead的编辑框。。 有什么建议吗


谢谢

简单的CSS就可以做到这一点。您的问题可能是由dojo CSS样式造成的。补充!重要优先于其他继承!重要的款式。适用于我的编辑框,带和不带typeahead

.xspInputFieldEditBox:focus, .lotusui .dijitTextBox input:focus, .xspComboBox:focus
{
  font-weight: bold;
  background-color: yellow !important;
  background: yellow !important;

} 

简单的CSS就可以做到这一点。您的问题可能是由dojo CSS样式造成的。补充!重要优先于其他继承!重要的款式。适用于我的编辑框,带和不带typeahead

.xspInputFieldEditBox:focus, .lotusui .dijitTextBox input:focus, .xspComboBox:focus
{
  font-weight: bold;
  background-color: yellow !important;
  background: yellow !important;

} 

简单的CSS就可以做到这一点。您的问题可能是由dojo CSS样式造成的。补充!重要优先于其他继承!重要的款式。适用于我的编辑框,带和不带typeahead

.xspInputFieldEditBox:focus, .lotusui .dijitTextBox input:focus, .xspComboBox:focus
{
  font-weight: bold;
  background-color: yellow !important;
  background: yellow !important;

} 

简单的CSS就可以做到这一点。您的问题可能是由dojo CSS样式造成的。补充!重要优先于其他继承!重要的款式。适用于我的编辑框,带和不带typeahead

.xspInputFieldEditBox:focus, .lotusui .dijitTextBox input:focus, .xspComboBox:focus
{
  font-weight: bold;
  background-color: yellow !important;
  background: yellow !important;

} 


编辑框的ID是什么?请从您的XPage.ID为myEditBox添加更多代码。。。正如我所说,它适用于first editBox,但不适用于仅启用了typeAhead的第二个editBox。您的代码只是更改找到的第一个元素(fldObj=fldObj[0];),如果有两个元素,则永远不会触及第二个元素。同样,正如我所说,在未启用typeAhead的情况下,它也可以正常工作。。。对不起,如果我把你弄糊涂了-这是xPage投影,我没有水晶球。代码在测试页面上运行良好编辑框的ID是什么?请从您的XPage.ID为myEditBox添加更多代码。。。正如我所说,它适用于first editBox,但不适用于仅启用了typeAhead的第二个editBox。您的代码只是更改找到的第一个元素(fldObj=fldObj[0];),如果有两个元素,则永远不会触及第二个元素。同样,正如我所说,在未启用typeAhead的情况下,它也可以正常工作。。。对不起,如果我把你弄糊涂了-这是xPage投影,我没有水晶球。代码在测试页面上运行良好编辑框的ID是什么?请从您的XPage.ID为myEditBox添加更多代码。。。正如我所说,它适用于first editBox,但不适用于仅启用了typeAhead的第二个editBox。您的代码只是更改找到的第一个元素(fldObj=fldObj[0];),如果有两个元素,则永远不会触及第二个元素。同样,正如我所说,在未启用typeAhead的情况下,它也可以正常工作。。。对不起,如果我把你弄糊涂了-这是xPage投影,我没有水晶球。代码在测试页面上运行良好编辑框的ID是什么?请从您的XPage.ID为myEditBox添加更多代码。。。正如我所说,它适用于first editBox,但不适用于仅启用了typeAhead的第二个editBox。您的代码只是更改找到的第一个元素(fldObj=fldObj[0];),如果有两个元素,则永远不会触及第二个元素。同样,正如我所说,在未启用typeAhead的情况下,它也可以正常工作。。。对不起,如果我把你弄糊涂了-这是xPage投影,我没有水晶球。代码在oneUI应用程序中测试的测试页面上运行良好。很抱歉Frantisek再次给您带来麻烦。。如何对dijitCombobox执行相同操作。。我尝试了.xspInputText:focus、.lotusui.dijitComboBox输入:focus,但没有成功。。。谢谢你正如弗兰蒂塞克所说,你应该接受答案。参与在oneUI应用程序中测试stackoverflowTested的重要部分。很抱歉,Frantisek再次打扰您。。如何对dijitCombobox执行相同操作。。我尝试了.xspInputText:focus、.lotusui.dijitComboBox输入:focus,但没有成功。。。谢谢你正如弗兰蒂塞克所说,你应该接受答案。参与在oneUI应用程序中测试stackoverflowTested的重要部分。很抱歉,Frantisek再次打扰您。。如何对dijitCombobox执行相同操作。。我尝试了.xspInputText:focus、.lotusui.dijitComboBox输入:focus,但没有成功。。。谢谢你正如弗兰蒂塞克所说,你应该接受答案。参与在oneUI应用程序中测试stackoverflowTested的重要部分。很抱歉,Frantisek再次打扰您。。如何对dijitCombobox执行相同操作。。我尝试了.xspInputText:focus、.lotusui.dijitComboBox输入:focus,但没有成功。。。谢谢你正如弗兰蒂塞克所说,你应该接受答案。参与stackoverflow的重要部分