jQuery UI Widgets Forums Lists DropDownList JqxDropdown conflict with JqxEditor

This topic contains 4 replies, has 3 voices, and was last updated by  alex1902 6 years, 8 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • JqxDropdown conflict with JqxEditor #95399

    alex1902
    Participant

    Hi everyone!

    Hi have a specific problem involving Internet Explorer with jqxEditor and jqxDropDown.

    If I have an editor and a dropdown, and the dropdown is supplied big string of data and a big ammount, there is huge loading time in Internet Explorer. The problem is that it’s not supposed to be that way. Here is a jsfiddle I created that show the problem : http://jsfiddle.net/2c37u0r6/

    If you try it on Chrome, the DropDown will work perfectly. If you try it on IE (Version 10+), you will have a 8 secs lag when you can’t do anything until the dropdown actually works. What is really weird is that if you use a jqxTextArea instead of a jqxTextEditor, the dropdown will work perfectly in IE and Chrome both. There is no link between the dropdown and the editor in the code I sent you, yet the editor causes the bug. If you would set a delay before initializing the jqxEditor (let’s say 5 secs) and would click the dropdown before the editor is ready, the dropdown will work perfectly, even after the editor has loaded.

    Also, which makes it even more weird of a bug : The code I sent you work in IE 8 and 9, but not in IE10 and EDGE (debugger). JSFiddle doesn’t work for older versions of IE, but tested in a real page it works.

    So to summarize, in order to replicate the problem :

    1-Create a big enough dataset to put in the dropdown
    2-Create a jqxEditor
    3-Start IE
    4-Click the dropdown

    Do you have any idea how I could make the sample code provided in http://jsfiddle.net/2c37u0r6/ work without lag in Interet Explorer version 10+?

    Thank you and have a nice day!

    Alex

    JqxDropdown conflict with JqxEditor #95437

    Hristo
    Participant

    Hello Alex,

    This is relevant to the browser engine.
    Also, that you create it in the JSFiddle – it does make the project slower.
    I tested this example below and it seems to work fine:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <title id="Description">NavBar with Right to Left Layout</title>
        <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
        <link rel="stylesheet" href="../../jqwidgets/styles/jqx.arctic.css" type="text/css" />
        <script type="text/javascript" src="../../scripts/jquery-1.11.1.min.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxnavbar.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxdata.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxdropdownlist.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="../../scripts/demos.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                var projects = [{ "PROJECT_NAME": "Automated composite productivity", "PROJECT_ID": 2004 },
                { "PROJECT_NAME": "Reduced user-facing array", "PROJECT_ID": 2007 },
                { "PROJECT_NAME": "Multi-channelled well-modulated functionalities", "PROJECT_ID": 1995 },
                { "PROJECT_NAME": "Intuitive holistic projection", "PROJECT_ID": 2011 },
                { "PROJECT_NAME": "Face to face 24 hour core", "PROJECT_ID": 2001 },
                { "PROJECT_NAME": "Distributed local encoding", "PROJECT_ID": 2010 },
                { "PROJECT_NAME": "Phased client-driven function", "PROJECT_ID": 2000 },
                { "PROJECT_NAME": "Profit-focused multi-state instruction set", "PROJECT_ID": 1997 },
                { "PROJECT_NAME": "Up-sized explicit hierarchy", "PROJECT_ID": 2011 },
                { "PROJECT_NAME": "Focused reciprocal attitude", "PROJECT_ID": 2001 },
                { "PROJECT_NAME": "Managed discrete contingency", "PROJECT_ID": 2005 },
                { "PROJECT_NAME": "Triple-buffered incremental help-desk", "PROJECT_ID": 2011 },
                { "PROJECT_NAME": "Function-based intermediate synergy", "PROJECT_ID": 2007 },
                { "PROJECT_NAME": "Streamlined national workforce", "PROJECT_ID": 1989 },
                { "PROJECT_NAME": "Optimized explicit info-mediaries", "PROJECT_ID": 1998 },
                { "PROJECT_NAME": "Right-sized fault-tolerant infrastructure", "PROJECT_ID": 2005 },
                { "PROJECT_NAME": "Persistent impactful adapter", "PROJECT_ID": 1994 },
                { "PROJECT_NAME": "Face to face impactful local area network", "PROJECT_ID": 1997 },
                { "PROJECT_NAME": "Automated local intranet", "PROJECT_ID": 1997 },
                { "PROJECT_NAME": "Assimilated stable standardization", "PROJECT_ID": 2007 },
                { "PROJECT_NAME": "Open-source eco-centric projection", "PROJECT_ID": 1992 },
                { "PROJECT_NAME": "Total zero tolerance contingency", "PROJECT_ID": 1996 },
                { "PROJECT_NAME": "Public-key maximized core", "PROJECT_ID": 1997 },
                { "PROJECT_NAME": "Fully-configurable bi-directional success", "PROJECT_ID": 2008 },
                { "PROJECT_NAME": "Proactive stable neural-net", "PROJECT_ID": 2003 },
                { "PROJECT_NAME": "Reverse-engineered full-range definition", "PROJECT_ID": 1986 },
                { "PROJECT_NAME": "Diverse empowering help-desk", "PROJECT_ID": 2006 },
                { "PROJECT_NAME": "Open-source 6th generation framework", "PROJECT_ID": 2008 },
                { "PROJECT_NAME": "Fully-configurable coherent flexibility", "PROJECT_ID": 1967 },
                { "PROJECT_NAME": "Persevering client-server moratorium", "PROJECT_ID": 2002 },
                { "PROJECT_NAME": "Implemented client-driven extranet", "PROJECT_ID": 2002 },
                { "PROJECT_NAME": "Open-source zero administration secured line", "PROJECT_ID": 2009 },
                { "PROJECT_NAME": "Adaptive interactive encoding", "PROJECT_ID": 1991 },
                { "PROJECT_NAME": "Upgradable well-modulated workforce", "PROJECT_ID": 2004 },
                { "PROJECT_NAME": "Visionary multi-state leverage", "PROJECT_ID": 2008 },
                { "PROJECT_NAME": "Automated tangible workforce", "PROJECT_ID": 2007 },
                { "PROJECT_NAME": "Automated analyzing synergy", "PROJECT_ID": 2003 },
                { "PROJECT_NAME": "Innovative even-keeled Graphic Interface", "PROJECT_ID": 1971 },
                { "PROJECT_NAME": "Pre-emptive multi-state portal", "PROJECT_ID": 2009 },
                { "PROJECT_NAME": "Mandatory tertiary matrix", "PROJECT_ID": 2004 },
                { "PROJECT_NAME": "Automated optimizing alliance", "PROJECT_ID": 2005 },
                { "PROJECT_NAME": "Visionary asymmetric leverage", "PROJECT_ID": 2003 },
                { "PROJECT_NAME": "Decentralized dedicated productivity", "PROJECT_ID": 2003 },
                { "PROJECT_NAME": "Reduced next generation contingency", "PROJECT_ID": 1993 },
                { "PROJECT_NAME": "Reduced context-sensitive architecture", "PROJECT_ID": 1991 },
                { "PROJECT_NAME": "Proactive full-range task-force", "PROJECT_ID": 1997 },
                { "PROJECT_NAME": "Mandatory fault-tolerant customer loyalty", "PROJECT_ID": 2004 },
                { "PROJECT_NAME": "Enhanced upward-trending flexibility", "PROJECT_ID": 1966 },
                { "PROJECT_NAME": "Down-sized zero administration time-frame", "PROJECT_ID": 2003 },
                { "PROJECT_NAME": "Multi-channelled directional knowledge base", "PROJECT_ID": 1995 },
                { "PROJECT_NAME": "Multi-lateral client-server interface", "PROJECT_ID": 1984 },
                { "PROJECT_NAME": "Configurable solution-oriented internet solution", "PROJECT_ID": 1985 },
                { "PROJECT_NAME": "Ergonomic even-keeled installation", "PROJECT_ID": 2011 },
                { "PROJECT_NAME": "Programmable exuding function", "PROJECT_ID": 2000 },
                { "PROJECT_NAME": "Versatile client-driven archive", "PROJECT_ID": 1997 },
                { "PROJECT_NAME": "Re-contextualized user-facing approach", "PROJECT_ID": 1995 },
                { "PROJECT_NAME": "Right-sized needs-based hub", "PROJECT_ID": 2004 },
                { "PROJECT_NAME": "Enterprise-wide homogeneous conglomeration", "PROJECT_ID": 2001 },
                { "PROJECT_NAME": "Focused mission-critical moderator", "PROJECT_ID": 1992 },
                { "PROJECT_NAME": "Reverse-engineered context-sensitive application", "PROJECT_ID": 2003 },
                { "PROJECT_NAME": "Synergistic asymmetric concept", "PROJECT_ID": 2009 },
                { "PROJECT_NAME": "Inverse local internet solution", "PROJECT_ID": 2007 },
                { "PROJECT_NAME": "User-centric disintermediate Graphic Interface", "PROJECT_ID": 2009 },
                { "PROJECT_NAME": "Profound 6th generation attitude", "PROJECT_ID": 2003 },
                { "PROJECT_NAME": "Re-contextualized upward-trending model", "PROJECT_ID": 2003 },
                { "PROJECT_NAME": "Monitored coherent contingency", "PROJECT_ID": 2000 },
                { "PROJECT_NAME": "Programmable 6th generation task-force", "PROJECT_ID": 2009 },
                { "PROJECT_NAME": "Devolved local approach", "PROJECT_ID": 2010 },
                { "PROJECT_NAME": "Stand-alone upward-trending array", "PROJECT_ID": 2009 },
                { "PROJECT_NAME": "Open-source bi-directional project", "PROJECT_ID": 1985 },
                { "PROJECT_NAME": "Configurable incremental methodology", "PROJECT_ID": 2006 },
                { "PROJECT_NAME": "Open-architected coherent infrastructure", "PROJECT_ID": 2012 },
                { "PROJECT_NAME": "Customer-focused mission-critical info-mediaries", "PROJECT_ID": 2001 },
                { "PROJECT_NAME": "Mandatory transitional project", "PROJECT_ID": 1993 },
                { "PROJECT_NAME": "Compatible disintermediate synergy", "PROJECT_ID": 2004 },
                { "PROJECT_NAME": "Function-based composite interface", "PROJECT_ID": 2004 },
                { "PROJECT_NAME": "Future-proofed web-enabled hierarchy", "PROJECT_ID": 2005 },
                { "PROJECT_NAME": "Digitized web-enabled matrices", "PROJECT_ID": 2008 },
                { "PROJECT_NAME": "Diverse neutral knowledge user", "PROJECT_ID": 1999 },
                { "PROJECT_NAME": "Monitored coherent help-desk", "PROJECT_ID": 2001 },
                { "PROJECT_NAME": "Multi-layered uniform solution", "PROJECT_ID": 2012 },
                { "PROJECT_NAME": "Triple-buffered stable benchmark", "PROJECT_ID": 1985 },
                { "PROJECT_NAME": "Persistent exuding analyzer", "PROJECT_ID": 1991 },
                { "PROJECT_NAME": "Digitized eco-centric toolset", "PROJECT_ID": 2008 },
                { "PROJECT_NAME": "Realigned didactic circuit", "PROJECT_ID": 2004 },
                { "PROJECT_NAME": "Function-based logistical conglomeration", "PROJECT_ID": 1999 },
                { "PROJECT_NAME": "Multi-channelled holistic help-desk", "PROJECT_ID": 1960 },
                { "PROJECT_NAME": "Public-key incremental leverage", "PROJECT_ID": 2003 },
                { "PROJECT_NAME": "Assimilated interactive hardware", "PROJECT_ID": 2012 },
                { "PROJECT_NAME": "Exclusive asynchronous initiative", "PROJECT_ID": 1987 },
                { "PROJECT_NAME": "Phased interactive algorithm", "PROJECT_ID": 2006 },
                { "PROJECT_NAME": "Adaptive value-added encoding", "PROJECT_ID": 1998 },
                { "PROJECT_NAME": "Horizontal multi-state local area network", "PROJECT_ID": 2000 },
                { "PROJECT_NAME": "Profit-focused encompassing emulation", "PROJECT_ID": 1997 },
                { "PROJECT_NAME": "User-centric needs-based software", "PROJECT_ID": 1992 },
                { "PROJECT_NAME": "Inverse intangible application", "PROJECT_ID": 1989 },
                { "PROJECT_NAME": "Triple-buffered heuristic adapter", "PROJECT_ID": 2010 },
                { "PROJECT_NAME": "Visionary high-level focus group", "PROJECT_ID": 2006 },
                { "PROJECT_NAME": "Networked heuristic architecture", "PROJECT_ID": 2005 },
                { "PROJECT_NAME": "Exclusive neutral system engine", "PROJECT_ID": 2004 },
                { "PROJECT_NAME": "Seamless scalable database", "PROJECT_ID": 2008 },
                { "PROJECT_NAME": "Adaptive encompassing forecast", "PROJECT_ID": 1993 },
                { "PROJECT_NAME": "Virtual exuding middleware", "PROJECT_ID": 2006 },
                { "PROJECT_NAME": "Inverse disintermediate functionalities", "PROJECT_ID": 1998 },
                { "PROJECT_NAME": "Sharable intermediate concept", "PROJECT_ID": 1992 },
                { "PROJECT_NAME": "Customizable homogeneous product", "PROJECT_ID": 2007 },
                { "PROJECT_NAME": "Balanced methodical functionalities", "PROJECT_ID": 1996 },
                { "PROJECT_NAME": "Vision-oriented tangible analyzer", "PROJECT_ID": 1997 },
                { "PROJECT_NAME": "Profound leading edge frame", "PROJECT_ID": 2002 },
                { "PROJECT_NAME": "Configurable asymmetric installation", "PROJECT_ID": 1991 },
                { "PROJECT_NAME": "Networked intangible adapter", "PROJECT_ID": 2001 },
                { "PROJECT_NAME": "Exclusive multimedia interface", "PROJECT_ID": 2005 },
                { "PROJECT_NAME": "Optimized 5th generation infrastructure", "PROJECT_ID": 2003 },
                { "PROJECT_NAME": "Centralized human-resource approach", "PROJECT_ID": 2002 },
                { "PROJECT_NAME": "Persevering mobile software", "PROJECT_ID": 1988 },
                { "PROJECT_NAME": "Public-key optimizing access", "PROJECT_ID": 2000 },
                { "PROJECT_NAME": "Public-key systematic policy", "PROJECT_ID": 1998 },
                { "PROJECT_NAME": "Grass-roots local local area network", "PROJECT_ID": 2005 },
                { "PROJECT_NAME": "Multi-tiered client-driven array", "PROJECT_ID": 1987 },
                { "PROJECT_NAME": "Front-line intermediate neural-net", "PROJECT_ID": 1998 },
                { "PROJECT_NAME": "Seamless national emulation", "PROJECT_ID": 1994 },
                { "PROJECT_NAME": "Compatible bottom-line access", "PROJECT_ID": 2009 },
                { "PROJECT_NAME": "Grass-roots optimal capacity", "PROJECT_ID": 1998 },
                { "PROJECT_NAME": "Open-source zero administration array", "PROJECT_ID": 2003 },
                { "PROJECT_NAME": "Vision-oriented national website", "PROJECT_ID": 2006 },
                { "PROJECT_NAME": "Multi-tiered incremental benchmark", "PROJECT_ID": 2008 },
                { "PROJECT_NAME": "Vision-oriented didactic capacity", "PROJECT_ID": 2004 },
                { "PROJECT_NAME": "Polarised tangible synergy", "PROJECT_ID": 2010 },
                { "PROJECT_NAME": "Synergized scalable hierarchy", "PROJECT_ID": 2005 },
                { "PROJECT_NAME": "Optimized 24/7 protocol", "PROJECT_ID": 1995 },
                { "PROJECT_NAME": "Phased responsive contingency", "PROJECT_ID": 2004 },
                { "PROJECT_NAME": "Open-architected asynchronous framework", "PROJECT_ID": 2002 },
                { "PROJECT_NAME": "Business-focused interactive challenge", "PROJECT_ID": 1994 },
                { "PROJECT_NAME": "Organic 24/7 adapter", "PROJECT_ID": 1993 },
                { "PROJECT_NAME": "Customizable systematic migration", "PROJECT_ID": 2011 },
                { "PROJECT_NAME": "Pre-emptive modular access", "PROJECT_ID": 2011 },
                { "PROJECT_NAME": "Ameliorated high-level standardization", "PROJECT_ID": 2006 },
                { "PROJECT_NAME": "Switchable mobile complexity", "PROJECT_ID": 2009 },
                { "PROJECT_NAME": "Virtual didactic workforce", "PROJECT_ID": 1984 },
                { "PROJECT_NAME": "Monitored encompassing task-force", "PROJECT_ID": 1993 },
                { "PROJECT_NAME": "Cross-platform fresh-thinking definition", "PROJECT_ID": 2003 },
                { "PROJECT_NAME": "Monitored directional algorithm", "PROJECT_ID": 1986 },
                { "PROJECT_NAME": "Stand-alone static Graphical User Interface", "PROJECT_ID": 1989 },
                { "PROJECT_NAME": "Persistent zero tolerance circuit", "PROJECT_ID": 1997 },
                { "PROJECT_NAME": "Exclusive multi-state orchestration", "PROJECT_ID": 1997 },
                { "PROJECT_NAME": "Intuitive transitional analyzer", "PROJECT_ID": 2001 },
                { "PROJECT_NAME": "Extended directional system engine", "PROJECT_ID": 2008 },
                { "PROJECT_NAME": "Synchronised fresh-thinking projection", "PROJECT_ID": 1984 },
                { "PROJECT_NAME": "Business-focused dedicated open system", "PROJECT_ID": 1992 },
                { "PROJECT_NAME": "Visionary executive model", "PROJECT_ID": 1994 },
                { "PROJECT_NAME": "Devolved 5th generation open system", "PROJECT_ID": 2007 },
                { "PROJECT_NAME": "Stand-alone foreground solution", "PROJECT_ID": 1996 },
                { "PROJECT_NAME": "Profound human-resource superstructure", "PROJECT_ID": 2004 },
                { "PROJECT_NAME": "Managed web-enabled throughput", "PROJECT_ID": 1993 },
                { "PROJECT_NAME": "Proactive modular attitude", "PROJECT_ID": 2006 },
                { "PROJECT_NAME": "Visionary actuating local area network", "PROJECT_ID": 2010 },
                { "PROJECT_NAME": "Cross-group intangible policy", "PROJECT_ID": 2000 },
                { "PROJECT_NAME": "Business-focused next generation initiative", "PROJECT_ID": 2004 },
                { "PROJECT_NAME": "Exclusive user-facing parallelism", "PROJECT_ID": 2006 },
                { "PROJECT_NAME": "User-friendly optimizing secured line", "PROJECT_ID": 2002 },
                { "PROJECT_NAME": "Balanced responsive knowledge user", "PROJECT_ID": 2001 },
                { "PROJECT_NAME": "Customer-focused systemic firmware", "PROJECT_ID": 1998 },
                { "PROJECT_NAME": "Operative needs-based structure", "PROJECT_ID": 2005 },
                { "PROJECT_NAME": "Organic transitional attitude", "PROJECT_ID": 1992 },
                { "PROJECT_NAME": "Customizable incremental budgetary management", "PROJECT_ID": 2001 },
                { "PROJECT_NAME": "Reverse-engineered impactful toolset", "PROJECT_ID": 1995 },
                { "PROJECT_NAME": "Secured bottom-line synergy", "PROJECT_ID": 2008 },
                { "PROJECT_NAME": "Phased background extranet", "PROJECT_ID": 1998 },
                { "PROJECT_NAME": "Automated bottom-line firmware", "PROJECT_ID": 1993 },
                { "PROJECT_NAME": "Profit-focused coherent portal", "PROJECT_ID": 2008 },
                { "PROJECT_NAME": "Cross-platform context-sensitive function", "PROJECT_ID": 1989 },
                { "PROJECT_NAME": "Extended hybrid standardization", "PROJECT_ID": 1986 },
                { "PROJECT_NAME": "De-engineered tertiary toolset", "PROJECT_ID": 1999 },
                { "PROJECT_NAME": "Monitored optimizing knowledge base", "PROJECT_ID": 2003 },
                { "PROJECT_NAME": "Right-sized empowering artificial intelligence", "PROJECT_ID": 2006 },
                { "PROJECT_NAME": "Upgradable optimal framework", "PROJECT_ID": 1985 },
                { "PROJECT_NAME": "Visionary mobile utilisation", "PROJECT_ID": 2002 },
                { "PROJECT_NAME": "Robust zero defect focus group", "PROJECT_ID": 1993 },
                { "PROJECT_NAME": "Multi-channelled systemic interface", "PROJECT_ID": 1986 },
                { "PROJECT_NAME": "Enterprise-wide impactful utilisation", "PROJECT_ID": 2001 },
                { "PROJECT_NAME": "Re-engineered even-keeled system engine", "PROJECT_ID": 1995 },
                { "PROJECT_NAME": "Profound 5th generation info-mediaries", "PROJECT_ID": 2001 },
                { "PROJECT_NAME": "Virtual explicit function", "PROJECT_ID": 2002 },
                { "PROJECT_NAME": "Right-sized value-added hub", "PROJECT_ID": 1987 },
                { "PROJECT_NAME": "Secured 6th generation capability", "PROJECT_ID": 1995 },
                { "PROJECT_NAME": "Realigned scalable collaboration", "PROJECT_ID": 2010 },
                { "PROJECT_NAME": "Adaptive attitude-oriented conglomeration", "PROJECT_ID": 1995 },
                { "PROJECT_NAME": "Synergized mission-critical encoding", "PROJECT_ID": 2004 },
                { "PROJECT_NAME": "User-centric asynchronous projection", "PROJECT_ID": 1995 },
                { "PROJECT_NAME": "Business-focused methodical paradigm", "PROJECT_ID": 1992 },
                { "PROJECT_NAME": "Secured scalable productivity", "PROJECT_ID": 1986 },
                { "PROJECT_NAME": "Programmable multimedia Graphical User Interface", "PROJECT_ID": 2006 },
                { "PROJECT_NAME": "Fundamental exuding capability", "PROJECT_ID": 2010 },
                { "PROJECT_NAME": "Extended client-driven benchmark", "PROJECT_ID": 1991 },
                { "PROJECT_NAME": "Organized global circuit", "PROJECT_ID": 2008 },
                { "PROJECT_NAME": "Open-source multi-tasking architecture", "PROJECT_ID": 1994 },
                { "PROJECT_NAME": "Assimilated clear-thinking application", "PROJECT_ID": 2004 },
                { "PROJECT_NAME": "Streamlined bifurcated capability", "PROJECT_ID": 2007 },
                { "PROJECT_NAME": "Organized static structure", "PROJECT_ID": 2011 },
                { "PROJECT_NAME": "Triple-buffered motivating solution", "PROJECT_ID": 2003 },
                { "PROJECT_NAME": "Exclusive client-server flexibility", "PROJECT_ID": 1997 },
                { "PROJECT_NAME": "Optimized bifurcated moratorium", "PROJECT_ID": 1993 },
                { "PROJECT_NAME": "Customer-focused 24 hour task-force", "PROJECT_ID": 1990 },
                { "PROJECT_NAME": "Centralized fault-tolerant workforce", "PROJECT_ID": 2006 },
                { "PROJECT_NAME": "Optimized encompassing capacity", "PROJECT_ID": 1999 },
                { "PROJECT_NAME": "Right-sized national ability", "PROJECT_ID": 2002 },
                { "PROJECT_NAME": "Vision-oriented optimizing definition", "PROJECT_ID": 2012 },
                { "PROJECT_NAME": "Networked didactic knowledge base", "PROJECT_ID": 2006 },
                { "PROJECT_NAME": "Inverse global pricing structure", "PROJECT_ID": 2004 },
                { "PROJECT_NAME": "Profit-focused global emulation", "PROJECT_ID": 1999 },
                { "PROJECT_NAME": "Phased disintermediate focus group", "PROJECT_ID": 1999 },
                { "PROJECT_NAME": "Profound demand-driven data-warehouse", "PROJECT_ID": 2009 },
                { "PROJECT_NAME": "Seamless executive productivity", "PROJECT_ID": 2004 },
                { "PROJECT_NAME": "Devolved grid-enabled structure", "PROJECT_ID": 2002 },
                { "PROJECT_NAME": "Optimized multi-tasking encoding", "PROJECT_ID": 1996 },
                { "PROJECT_NAME": "Open-architected even-keeled system engine", "PROJECT_ID": 1994 },
                { "PROJECT_NAME": "Face to face exuding pricing structure", "PROJECT_ID": 2009 },
                { "PROJECT_NAME": "Right-sized logistical encryption", "PROJECT_ID": 2005 },
                { "PROJECT_NAME": "Configurable multimedia local area network", "PROJECT_ID": 1986 },
                { "PROJECT_NAME": "Polarised uniform monitoring", "PROJECT_ID": 2011 },
                { "PROJECT_NAME": "Innovative hybrid product", "PROJECT_ID": 2011 },
                { "PROJECT_NAME": "Balanced incremental encoding", "PROJECT_ID": 1998 },
                { "PROJECT_NAME": "Robust even-keeled intranet", "PROJECT_ID": 1991 },
                { "PROJECT_NAME": "Cross-platform bottom-line monitoring", "PROJECT_ID": 2001 },
                { "PROJECT_NAME": "Vision-oriented scalable initiative", "PROJECT_ID": 1988 },
                { "PROJECT_NAME": "Sharable next generation installation", "PROJECT_ID": 2006 },
                { "PROJECT_NAME": "Devolved content-based artificial intelligence", "PROJECT_ID": 1987 },
                { "PROJECT_NAME": "Quality-focused 24 hour open architecture", "PROJECT_ID": 2005 },
                { "PROJECT_NAME": "Business-focused neutral budgetary management", "PROJECT_ID": 1992 },
                { "PROJECT_NAME": "Exclusive methodical toolset", "PROJECT_ID": 2012 },
                { "PROJECT_NAME": "Adaptive web-enabled knowledge user", "PROJECT_ID": 2009 },
                { "PROJECT_NAME": "Automated heuristic toolset", "PROJECT_ID": 1994 },
                { "PROJECT_NAME": "Multi-layered grid-enabled project", "PROJECT_ID": 2006 },
                { "PROJECT_NAME": "Reverse-engineered object-oriented Graphical User Interface", "PROJECT_ID": 2006 },
                { "PROJECT_NAME": "Realigned 3rd generation superstructure", "PROJECT_ID": 2006 },
                { "PROJECT_NAME": "Profit-focused human-resource encoding", "PROJECT_ID": 2003 },
                { "PROJECT_NAME": "Integrated 24 hour middleware", "PROJECT_ID": 1995 },
                { "PROJECT_NAME": "Seamless content-based leverage", "PROJECT_ID": 1993 },
                { "PROJECT_NAME": "User-centric demand-driven toolset", "PROJECT_ID": 1994 },
                { "PROJECT_NAME": "Robust attitude-oriented solution", "PROJECT_ID": 2000 },
                { "PROJECT_NAME": "Cross-group zero tolerance functionalities", "PROJECT_ID": 2001 },
                { "PROJECT_NAME": "Reactive local synergy", "PROJECT_ID": 2003 },
                { "PROJECT_NAME": "Exclusive optimal service-desk", "PROJECT_ID": 1994 },
                { "PROJECT_NAME": "Optimized global support", "PROJECT_ID": 2012 },
                { "PROJECT_NAME": "Secured 5th generation moderator", "PROJECT_ID": 2000 },
                { "PROJECT_NAME": "Progressive multi-state migration", "PROJECT_ID": 2011 },
                { "PROJECT_NAME": "Enhanced non-volatile leverage", "PROJECT_ID": 2011 },
                { "PROJECT_NAME": "Team-oriented homogeneous time-frame", "PROJECT_ID": 2010 },
                { "PROJECT_NAME": "Digitized executive internet solution", "PROJECT_ID": 2003 },
                { "PROJECT_NAME": "Stand-alone regional installation", "PROJECT_ID": 1994 },
                { "PROJECT_NAME": "Managed incremental customer loyalty", "PROJECT_ID": 2010 },
                { "PROJECT_NAME": "Proactive heuristic success", "PROJECT_ID": 2000 },
                { "PROJECT_NAME": "Configurable 24/7 capacity", "PROJECT_ID": 1990 },
                { "PROJECT_NAME": "Distributed responsive success", "PROJECT_ID": 2003 },
                { "PROJECT_NAME": "Configurable exuding alliance", "PROJECT_ID": 2011 },
                { "PROJECT_NAME": "Profit-focused 6th generation projection", "PROJECT_ID": 2012 },
                { "PROJECT_NAME": "Integrated analyzing matrices", "PROJECT_ID": 1998 },
                { "PROJECT_NAME": "Optional client-server implementation", "PROJECT_ID": 2012 },
                { "PROJECT_NAME": "Reactive system-worthy leverage", "PROJECT_ID": 1992 },
                { "PROJECT_NAME": "Robust 4th generation knowledge user", "PROJECT_ID": 2009 },
                { "PROJECT_NAME": "Business-focused responsive archive", "PROJECT_ID": 2011 },
                { "PROJECT_NAME": "Robust discrete archive", "PROJECT_ID": 1997 },
                { "PROJECT_NAME": "Mandatory motivating service-desk", "PROJECT_ID": 1999 },
                { "PROJECT_NAME": "Innovative interactive attitude", "PROJECT_ID": 2004 },
                { "PROJECT_NAME": "Optimized value-added initiative", "PROJECT_ID": 1997 },
                { "PROJECT_NAME": "De-engineered bi-directional encoding", "PROJECT_ID": 2004 },
                { "PROJECT_NAME": "Multi-lateral motivating analyzer", "PROJECT_ID": 2001 },
                { "PROJECT_NAME": "Synergistic object-oriented Graphic Interface", "PROJECT_ID": 2009 },
                { "PROJECT_NAME": "Implemented tertiary info-mediaries", "PROJECT_ID": 2002 },
                { "PROJECT_NAME": "Synchronised discrete functionalities", "PROJECT_ID": 2000 },
                { "PROJECT_NAME": "Multi-channelled explicit process improvement", "PROJECT_ID": 2007 },
                { "PROJECT_NAME": "Pre-emptive foreground leverage", "PROJECT_ID": 1996 },
                { "PROJECT_NAME": "Diverse discrete internet solution", "PROJECT_ID": 2002 },
                { "PROJECT_NAME": "Down-sized actuating protocol", "PROJECT_ID": 1992 },
                { "PROJECT_NAME": "Multi-tiered bi-directional focus group", "PROJECT_ID": 1993 },
                { "PROJECT_NAME": "Versatile real-time definition", "PROJECT_ID": 2007 },
                { "PROJECT_NAME": "Function-based 3rd generation standardization", "PROJECT_ID": 2012 },
                { "PROJECT_NAME": "Open-architected dynamic superstructure", "PROJECT_ID": 2011 },
                { "PROJECT_NAME": "Networked methodical flexibility", "PROJECT_ID": 1984 },
                { "PROJECT_NAME": "Fully-configurable background strategy", "PROJECT_ID": 2001 },
                { "PROJECT_NAME": "Triple-buffered zero administration forecast", "PROJECT_ID": 1994 },
                { "PROJECT_NAME": "Intuitive zero defect open architecture", "PROJECT_ID": 2003 },
                { "PROJECT_NAME": "Visionary asymmetric portal", "PROJECT_ID": 1992 },
                { "PROJECT_NAME": "Robust dynamic moderator", "PROJECT_ID": 1993 },
                { "PROJECT_NAME": "Quality-focused systemic synergy", "PROJECT_ID": 2010 },
                { "PROJECT_NAME": "Profit-focused bandwidth-monitored collaboration", "PROJECT_ID": 2005 },
                { "PROJECT_NAME": "Open-architected well-modulated encoding", "PROJECT_ID": 2001 },
                { "PROJECT_NAME": "Cross-platform asynchronous website", "PROJECT_ID": 1996 },
                { "PROJECT_NAME": "Customizable holistic encoding", "PROJECT_ID": 2005 },
                { "PROJECT_NAME": "Ergonomic leading edge protocol", "PROJECT_ID": 2010 },
                { "PROJECT_NAME": "Re-contextualized intermediate functionalities", "PROJECT_ID": 1999 },
                { "PROJECT_NAME": "Face to face fresh-thinking emulation", "PROJECT_ID": 1990 },
                { "PROJECT_NAME": "Self-enabling full-range hub", "PROJECT_ID": 1994 },
                { "PROJECT_NAME": "Customizable zero administration website", "PROJECT_ID": 2009 },
                { "PROJECT_NAME": "Adaptive user-facing project", "PROJECT_ID": 2011 },
                { "PROJECT_NAME": "Adaptive responsive knowledge base", "PROJECT_ID": 2006 },
                { "PROJECT_NAME": "Triple-buffered 3rd generation collaboration", "PROJECT_ID": 1992 },
                { "PROJECT_NAME": "Devolved systematic pricing structure", "PROJECT_ID": 1986 },
                { "PROJECT_NAME": "Intuitive attitude-oriented hierarchy", "PROJECT_ID": 1995 },
                { "PROJECT_NAME": "User-centric heuristic initiative", "PROJECT_ID": 2002 }];
    
                function prepareDropDownListData(data) {
                    var sourceDetailed =
                        {
                            localdata: data,
                            datatype: "json",
                            editable: true,
                            datafields: [
                                { name: 'PROJECT_NAME' },
                                { name: 'PROJECT_ID' }
                            ]
                        };
    
                    return getDataAdapter(sourceDetailed);
                }
    
                function getDataAdapter(sourceDetailed) {
                    return new $.jqx.dataAdapter(sourceDetailed, {
                        loadsuccess: function (data) { },
                        loadError: function (xhr, status, error) { }
                    });
                };
    
                $("#jqxdropdownlist").jqxDropDownList({
                    selectedIndex: -1,
                    //source: prepareDropDownListData(projects),
                    source: new $.jqx.dataAdapter({
                        localdata: projects,
                        datatype: "json",
                        editable: true,
                        datafields: [
                            { name: 'PROJECT_NAME' },
                            { name: 'PROJECT_ID' }
                        ]
                    }),
                    theme: 'energyblue',
                    filterable: true,
                    filterPlaceHolder: "Choose project",
                    placeHolder: "Choose project",
                    displayMember: "PROJECT_NAME",
                    openDelay: 0,
                    animationType: 'none',
                    width: 200,
                    height: 25
                });
            });
        </script>
    </head>
    <body>
        <div style="margin: 50px;" id="jqxdropdownlist"></div>
        <div id="jqxTextArea"></div>
    </body>
    </html>
    

    (add openDelay: 0 and animationType: 'none' properties to be fast)
    I try it in Visual Studio.

    Best Regards,
    Hristo Hristov

    jQWidgets team
    http://www.jqwidgets.com

    JqxDropdown conflict with JqxEditor #95507

    Jon Skeet
    Participant

    Hi Hristo,

    I think you didn’t understand the problem here.
    If I use your code, I added the jqxEditor – that you removed – and the problem is still there : JSFiddle (in Internet Explorer 10+)

    And yes, it’s normal it work in your Visual Studio, Alex explained the problem occurred in Internet Explorer.

    But thank you for trying to help us

    Hi Peter Stoev,

    Our problem is in Internet Explorer (all other browsers are fine), when we have a pretty big Dropdown List and an Editor. The Dropdown List alone works fine, as well the Editor alone. When we clic on the dropdown, it’s very long to show the list.

    We tried to put a delay before the initialization of the Editor. We’ve put a setTimeout() and initialize the Editor after 5 seconds. Before the initialization, the dropdown works fine, but at the moment the Editor is initiate, the next time we clic on the dropdown, there is a delay.

    It look like these two plugins have something in conflict. See our initial JSFiddle

    Best Regards,
    Jon Skeet

    • This reply was modified 6 years, 8 months ago by  Jon Skeet.
    JqxDropdown conflict with JqxEditor #95523

    Hristo
    Participant

    Hello Jon Skeet,

    I would like to suggest you use some of the previously mentioned properties to increase open action.
    Also, I try to create a workaround for you, please, take a look at this example: http://jsfiddle.net/txhi/p74gufe4/

    As an alternative, I would like to suggest you use jqxGrid with loading on demand in a jqxDropDownButton.
    (The Grid will have just one column and without column’s header)

    PS: Thank you for the feedback. I will create a work item for this case.

    Best Regards,
    Hristo Hristov

    jQWidgets team
    http://www.jqwidgets.com

    JqxDropdown conflict with JqxEditor #95529

    alex1902
    Participant

    Hi Hristo,

    Thank you for your workaround. That seems acceptable as the loading is faster and can be initialized at the document.ready.

    Have a nice day!

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

You must be logged in to reply to this topic.