jQWidgets Forums

Forum Replies Created

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

Author

Posts
January 15, 2015 at 11:08 pm in reply to: jqWidgets inside ngInclude jqWidgets inside ngInclude #65470

Fire613
Participant

Never mind this issue. In our tests it seems that simply wrapping everything in a DIV is working good enough. It just clutters the code a little.

January 15, 2015 at 9:17 pm in reply to: jqWidgets inside ngInclude jqWidgets inside ngInclude #65468

Fire613
Participant

?! How can you not verify? I guess you did not try my sample code. It proves it black and white. Here’s a screenshot:

Please investigate for a future version… we are relying on jqxAngular more and more and I’m getting concerned about its reliability. Thank you.

January 15, 2015 at 3:39 pm in reply to: jqWidgets inside ngInclude jqWidgets inside ngInclude #65444
Fire613
Participant
***UPDATE***

I found that if I wrap any of the jqWidget-directives in a <div> or <span> then they work! For example, here is a fixed “SecondPage.html”:
```
<span><jqx-button jqx-theme="'darkblue'" jqx-width="150" jqx-height="75">This Button BREAKS!!!!!</jqx-button></span>
<my-custom-button></my-custom-button>
<my-custom-jqx-button></my-custom-jqx-button>
```
This seems to be an issue with the jqxAngular directives, but at least this is an easy workaround. Am I missing something?
January 15, 2015 at 2:23 pm in reply to: jqWidgets inside ngInclude jqWidgets inside ngInclude #65435
Fire613
Participant
Your example puts a new ngApp directive inside of the ngInclude’d file. ngInclude is mostly used for partials. You are using it to include a complete page inside of another complete page (ending up with two different html tags??), which is not right. It may work in our browsers but such practice may cause other anomalies. Feel free to enlighten me if I’m wrong.

Use the example files below to re-create a normal usage of ngInclude. Note that my own custom directives are working great, but the regular jqxButton on its own does not work directly inside the included file.

index.html
```
<!DOCTYPE html>
<html ng-app="demoApp">
<head>
    <link rel="stylesheet" type="text/css" href="../../jqwidgets/styles/jqx.base.css" />
    <link rel="stylesheet" type="text/css" href="../../jqwidgets/styles/jqx.darkblue.css" />
    <script type="text/javascript" src="../../scripts/angular.min.js"></script>
    <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/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxangular.js"></script>
    <script type="text/javascript">
        var DemoApp = angular.module("demoApp", ["jqwidgets"]);

        DemoApp.controller("MainController", function ($scope) {

            $scope.FilterSplit = {
                width: '100%',
                height: 819,
                orientation: 'horizontal',
                showSplitBar: true,
                panels: [{
                    size: '90%',
                    collapsible: false
                }, {
                    size: '10%',
                    collapsible: false
                }]
            };
        });

		DemoApp.directive('myCustomButton', function ()
		{
			return {
				restrict: 'E',
				template: '<button>This is my custom non-jqwidget-button to prove that regular directives work</button>'
			};
		});

		DemoApp.directive('myCustomJqxButton', function ()
		{
			return {
				restrict: 'E',
				template: '<jqx-button jqx-theme="\'darkblue\'" jqx-height="75">This is my custom JQWidgets button to prove that directives with jq work</jqx-button>'
			};
		});

    </script>
</head>
<body ng-controller="MainController">

	<h1>index.html</h1>
	<jqx-button jqx-theme="'darkblue'" jqx-width="150" jqx-height="75">This Button Works</jqx-button>
	<my-custom-button></my-custom-button>
	<my-custom-jqx-button></my-custom-jqx-button>
<br/><br/><br/>
	<hr/>

	<h1>SecondPage.html</h1>
	<ng-include src="'SecondPage.html'"></ng-include>
</body>
</html>
```
SecondPage.html
```
<jqx-button jqx-theme="'darkblue'" jqx-width="150" jqx-height="75">This Button BREAKS!!!!!</jqx-button>
<my-custom-button></my-custom-button>
<my-custom-jqx-button></my-custom-jqx-button>
```
December 11, 2014 at 1:40 am in reply to: file upload input using jqxWidgets file upload input using jqxWidgets #64058

Fire613
Participant

Hello Mr. Peter Stoev,

Now that it’s going on 2015, any new plans for a file uploader widget? This would be the perfect addition to your arsenal of widgets.

Thank you,
David

December 10, 2014 at 9:01 am in reply to: Change window size dynamically with option resizable false Change window size dynamically with option resizable false #64007

Fire613
Participant

I ended up creating an autoSize function to accomplish this. See my Stack Overflow answer for the technique.

December 8, 2014 at 7:55 pm in reply to: Angular jqxNumberInput caret position bug Angular jqxNumberInput caret position bug #63919

Fire613
Participant

You’re right that I made a mistake by ommiting the quotes with ‘simple’ and that it corrects my problem. Thank you. However, note that the problem still exists if you remove the jqx-input-mode property altogether (i.e., so it is defaulted to ‘advanced’). You cannot go down past -1.

November 26, 2014 at 4:30 am in reply to: jqx-instance using ngController scope-property syntax jqx-instance using ngController scope-property syntax #63323

Fire613
Participant

I looked into the source and the ngController scope-property syntax is not supported… but it’s easy enough to fix (see jqxangular.js:278). And such a fix falls within the terms of the jqWidgets EULA… although I can’t post any code here. If the admin folks (Hi Peter!) want to see my changes, please email me!

By the way, I always find the source to be so clean and simple… nice job Peter Stoev and the team.
Author

Posts

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