jQWidgets Forums

Tagged: ajax, Input, jqxnumberinput, jqxwindow, load, modal, Number Input, script, window

This topic contains 3 replies, has 2 voices, and was last updated by Dimitar 10 years, 7 months ago.

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

Author

Loaded html with Inputs Posts
August 6, 2014 at 11:24 am Loaded html with Inputs #58074

merdjpatts
Participant

Hello Sir,

i have am testing your component and it is really good.

now i am developing an application in which when a user click a button a Window will appear as Modal. the content of the Modal Window coming from AJAX (let’ say input.html). now inside input.html, there are numericinputs. but I am having a problem because the feature for numeric input does not work as expected, the input just simply a regular input. the arrows for up and down is missing.

how could this be done?

thank you so much

best regards,
merdj

August 6, 2014 at 12:08 pm Loaded html with Inputs #58079
Dimitar
Participant
Hello merdj,

We tested for the reported issue with the following example, but everything works as expected on our side (the link is to the demo Simple Input Mode):
```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.summer.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxwindow.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#jqxwindow ").jqxWindow({ height: 300, width: 300, theme: 'summer', isModal: true, autoOpen: false, initContent: function () {
                $("#content").load("../jqxnumberinput/inputmode.htm");
            }
            });
            $("#openWindow").click(function () {
                $("#jqxwindow").jqxWindow("open");
            });
        });
    </script>
</head>
<body>
    <button id="openWindow">
        Open window</button>
    <div id='jqxwindow'>
        <div>
            Header</div>
        <div id="content">
        </div>
    </div>
</body>
</html>
```
Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/
August 9, 2014 at 7:14 am Loaded html with Inputs #58177

merdjpatts
Participant

Hi Dimitar,

sorry for late reply.

I tested your example and it works fine. but my question is, why should I reload all jqx* scripts whereas it is already loaded in the first place such as in index.htm? is there to avoid reloading all these stuffs?

thank you so much

Best regards,
merdj

August 11, 2014 at 6:07 am Loaded html with Inputs #58202

Dimitar
Participant

Hi merdj,

You do not have to reload all scripts. But you have to load the ones you have not already (such as jqxnumberinput.js).

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/
Author

Posts

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

You must be logged in to reply to this topic.