jQWidgets Forums

Forum Replies Created

Viewing 15 posts - 16 through 30 (of 47 total)
  • Author
    Posts
  • in reply to: BringToFront and isModal BringToFront and isModal #47620

    Makla
    Participant

    Your code does work, I spend some time to track the problem down and it accursed when you open modal window from another window.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <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" src="../../jqwidgets/jqxbuttons.js"></script>
           <script type="text/javascript">
            $(document).ready(function () {
                $('#jqxwindow').jqxWindow({
                    width: 300,
                    height: 200
                });
                $('#jqxwindow2').jqxWindow({
                	autoOpen: false,
                	height: 179,
                	isModal: true,
                	width: 300
                });
                $("#jqxbutton").jqxButton({
                    height: 30
                });
                $('#jqxbutton').click(function () {
                	$("#jqxwindow2").jqxWindow('open');
                    $("#jqxwindow2").jqxWindow('bringToFront');
                });
            });
        </script>
    </head>
    <body>
        <div id='content'>
            <div id='jqxwindow'>
                <div>
                    Header</div>
                <div>
                    <input type="button" id="jqxbutton" value="Invoke the bringToFront method" /></div>
            </div>
            <div id='jqxwindow2'>
                <div>
                    Header2</div>
                <div>
                    </div>
            </div>
         </div>
    </body>
    </html>

    Hope it helps.

    in reply to: New ideas – RangeSelector New ideas – RangeSelector #47256

    Makla
    Participant

    Great.

    in reply to: ButtonGroup toggle ButtonGroup toggle #47255

    Makla
    Participant

    I don’t like the idea to use radio.
    I will stick with jqxTabs and collapsible: true.

    But it would be a nice feature to have.

    Is there any way I can change css style of the selected button?

    in reply to: Group Statusbar and Pager Group Statusbar and Pager #47244

    Makla
    Participant

    I just found pagerheight: 0. 🙂
    Now I just wonder if this is a good approach?


    Makla
    Participant

    Agree. This would be a nice feature.

    in reply to: ButtonGroup toggle ButtonGroup toggle #47168

    Makla
    Participant

    I know that. I read your documentation more often then I eat. 🙂
    I just want to use default mode, because it more suit my needs.

    Right now I am using jqxTabs with collapsible: true, where every content is empty, but this is cheating.

    There must be some way?

    in reply to: Time series in chart Time series in chart #47036

    Makla
    Participant

    I agree. I also need true time series. I want to show room temperature in my house in a graph. I want to use RangeSelector to choose from this date to that date and display this in a graph. I don’t have much success for now.

    I must say, that I really like JQWidgets and that they are the best. And I try several of them. The best is Knockout integration and good support on forum.


    Makla
    Participant

    Anyone, please?


    Makla
    Participant

    Still no idea how to solve the problem, so I create an example and 2 sreenshots:

    image 1
    image 2 - error

    Demo: jsfiddle (just click run) Hope it works.

    Hope it helps. 🙂


    Makla
    Participant

    Thank you, for all answers, but:
    I understand how this works, and when debugging, myVariable has pointer to Form object. I am asking only, how to send this pointer to renderstatusbar event handler?


    Makla
    Participant

    I get error:
    Uncaught Invalid property: myVariable jqx-all.js:6
    Code:

    var Form = function()
          	{
    		//...          	
              	InitGrid: function()
              	{
              		var GridSettings = 
    		    	{
            		    //...
                		    
        			    showstatusbar: true,
    	    	    	    myVariable: this,    		        
        			    renderstatusbar: function(statusbar)
        		 		{
        					myVariable.DoSomething(statusbar);      
        		   		}
    		    	};
    		    	$('#grid').jqxGrid(GridSettings);	
              	},
    
              	DoSomething: function(statusbar)
              	{
                  	//do something
              	}
          	};

    Makla
    Participant

    How can I do that? I know this is now a funny question, but …


    Makla
    Participant

    I know how to set up status bar. I wouldn’t waste your time with question, that have plenty examples on page.
    I apologize for not telling enough informations.
    The StatusBar worked for my grid. Then I try to pack all logic to JavaScript object, and I have problems with calling another method inside my object (where jqxGrid was created), because “this” refers to Grid and not my object (Form).
    I hope that this explanation better explains my problem.

    Is there a way, to send some parameters to event handler function.
    For example:

    this.Window.on('moved', { self: this}, function(event)
    	{
    		event.data.self.WindowMoved(event);
    	});

    Explanation:

    var Form = function()
          	{
    		//...          	
              	InitGrid: function()
              	{
              		var GridSettings = 
    		    	{
            		    //...
                		    
        			    showstatusbar: true,    		        
        			    renderstatusbar: function(statusbar)
        		 		{
        					this.RenderStatusbar(statusbar);  //this is grid, not form    
    //how can I call RenderStatusbarPrivate from here???    
        		   		}
    		    	};
    		    	$('#grid').jqxGrid(GridSettings);	
              	},
    
              	RenderStatusbarPrivate: function(statusbar)
              	{
                  	//do something
              	}
          	};
    in reply to: Range Slider – DateTime Range Slider – DateTime #32417

    Makla
    Participant

    Great and thanks.


    Makla
    Participant

    True. The time progress so fast. Didn’t think of upgrading controls.

Viewing 15 posts - 16 through 30 (of 47 total)