jQWidgets Forums

jQuery UI Widgets Forums Lists ComboBox unwanted text into input tag near combo

This topic contains 3 replies, has 2 voices, and was last updated by  Peter Stoev 12 years, 11 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author

  • Fabio
    Participant

    Hi,
    Strange thing !

    If I position 2 (two) input text afer combo
    I found unwanted text into the second input text.
    text is default value of combo , so I found word “jqxitem” when combo has no data source
    or last selected item text when combo has valid datasource.

    Simple declaration combo:

    $(“#cmbClienteTestataOrdine”).jqxComboBox({source: sourceelencoclienti ,selectedIndex: 0,autocomplete: true,searchMode: ‘containsignorecase’, displayMember: “codicenome”, valueMember: “codice”,theme: theme, width: ‘250’, height: ’25’});

    html code:

    I found unwanted text into txtSecond !

    If I position combo under (afer) input text , work all!

    .. but I need to position it first!

    Any help ?

    Best Regards !

    Fabio

    unwanted text into input tag near combo #3435

    Peter Stoev
    Keymaster

    Hi Fabio,

    Could you please provide us the full source code that reproduces the issue? In order to format the code, you can use the ‘Format HTML Code’ button in the toolbar above the forum’s text area. It is located before the ‘red text color’ button. In addition, do you use jQWidgets 2.0?

    Looking forward to your reply.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com


    Fabio
    Participant

    Hi,
    I’m using jqwidgets versione 2 (Last now)

    This is an example.
    I throw the problem simply refresh the page by browser !!

    You see textbox position after combo take the same combo’s value: jqxitem.
    One after one…
    Strange thing!

    I also noticed it into many parts of my program.

    Now I discovered another important thing : I use Firefox browser but if I use Chrome it work well !!!

    I wish you help me.

    Best Regards,

    Fabio

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <title id='Description'>TEST</title>
    <link rel="stylesheet" href="./jqwidgets/styles/jqx.base.css" type="text/css" />
    <link rel="stylesheet" href="./jqwidgets/styles/jqx.darkblue.css" type="text/css" />
    <script type="text/javascript" src="./scripts/gettheme.js"></script>
    <script type="text/javascript" src="./scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="./jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="./jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="./jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="./jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="./jqwidgets/jqxcombobox.js"></script>
    <script type="text/javascript">
    $(document).ready(function () {
    //
    var theme = "darkblue";
    if (theme == null || theme == undefined) theme = '';
    //
    var sourceelencoclienti = {
    datatype: "json",
    datafields: [
    { name: 'codice' },
    { name: 'nome' },
    { name: 'codicenome' }
    ]
    };
    //
    $("#cmbClienteTestataOrdine").jqxComboBox({source: sourceelencoclienti ,selectedIndex: 0,autocomplete: true,searchMode: 'containsignorecase', displayMember: "codicenome", valueMember: "codice",theme: theme, width: '250', height: '25'});
    //
    });
    </script>
    </head>
    <body class='default'>
    <input type="text" value = "I see alwayes it !" id='txtValueFixed' style="text-align:right; width: 120px;" />
    <div id='cmbClienteTestataOrdine'></div>
    <input type="text" value = "yyy" id='txtNum1' />
    <input type="text" value = "ZZZ" id='txtNum2' />
    <input type="text" value = "yyy3" id='txtNum3' />
    <input type="text" value = "ZZZ4" id='txtNum4' />
    <input type="text" value = "yyy5" id='txtNum5' />
    <input type="text" value = "ZZZ6" id='txtNum6' />
    </body>
    </html>

    Peter Stoev
    Keymaster

    The solution is:

    <form autocomplete="off">
    <input type="text" value = "I see alwayes it !" id='txtValueFixed' style="text-align:right; width: 120px;" />
    <div id='cmbClienteTestataOrdine'></div>
    <input type="text" value = "yyy" id='txtNum1' />
    <input type="text" value = "ZZZ" id='txtNum2' />
    <input type="text" value = "yyy3" id='txtNum3' />
    <input type="text" value = "ZZZ4" id='txtNum4' />
    <input type="text" value = "yyy5" id='txtNum5' />
    <input type="text" value = "ZZZ6" id='txtNum6' />
    </form>

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.