[TylParticipant]

I have exactly the same problem.
I am very surprised that a simple Splitter with a vertical orientation and 2 panes (one left and one right) cannot extend its heigth as its content grows, a simple <div> element does that.
This natural behavior could simply be obtained by not giving any height in the splitter settings.
Would it be possible to have that in a next release ?
Without it this component is not usable for me.

[TylParticipant]

Ok will try that.
Thanks

[TylParticipant]

I assume that there is no such feature in the jqxtreegrid ?

[TylParticipant]

Thank you Dimitar,

As I use jqx-chart with angularjs, I have this html code.

<jqx-chart jqx-instance="myChart" jqx-settings="myChartSettings"></jqx-chart>

And in my controller I have:

$scope.myChart.hideSerie(0, 0);

If this is called too soon I have the following error:
TypeError: $scope.myChart.hideSerie is not a function.

If I set a 1 second timeout on the call, all is ok.

[TylParticipant]

Actually I don’t event know how to know when the chart is ready so that I can call hideSerie().
I use the 3.6 version (cannot upgrade because some things don’t work anymore in 3.7.1) and there is no refreshEnd callback.
Another information is that I am use jqwidgets with Angularjs.

[TylParticipant]

Thanks Dimitar,

I was aware of this method but I expected to be able to set some series unchecked at init with a Settings parameter.
That would be easier, otherwise I must write some code that waits that the chart is rendered and ready to be able to call hideSerie().

[TylParticipant]

I removed the ‘searchMode’ attribute and tried my sample in v3.5 and v3.6, and now I have no filtering at all when I type a character in the box.
I cannot explain why my sample actually works in v3.5 (this is also a fact :o) (I can send you the files if you want)

Is it possible in v3.6 to have the filtering feature in the jqx-combo-box (and how ?)

This issue alerts me on a possibly more global problem with jqx-angular: are there some other features in the jqwidgets that works in jquery but not with angular ?

[TylParticipant]

Hi Peter,

The ‘searchMode’ attribute is demonstrated in one of your sample here:
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxcombobox/settings.htm

Here is what I get in v3.5 (working) and v3.6 (not working)

[TylParticipant]

Can I have an answer please ..?

[TylParticipant]

What I would like actually is be able to automatically bind my local data array ($scope.predefinedPaths) with the grid.
It means that all the modifications made in $scope.predefinedPaths would automatically be reflected in the grid.

[TylParticipant]

Hi,

This problem is easy to reproduce, did you reproduce it ?
I’d really like to have an answer (either a fix or a workaround) because I need to know if I can use jqwidgets in the project I work on.

If there is still something wrong in the way I use the jqx-grid, please tell me.
Thank you

[TylParticipant]

Thanks Peter,

I’ve just tried that but the same error occurs.
I now set data and initialize the grid source in the setting object.
The grid displayd well and without any error in console.
But when I click on my ‘Refresh’ button, the infinite loop error appears in the console.

The code is simple though, what do I do wrong ?

My new javascript code:

var ade_app = angular.module("ade", ["jqwidgets"]);

// main controller
ade_app.controller('MainCtrl', function ($scope, $rootScope, $locale, $location, $http) {

  $scope.createGrid = false;

  // data generators
  var generate_data_1 = function() {
    var data_1 =
    [
      {ID:1, Name:"All", Path:"/"},
      {ID:2, Name:"Sources", Path:"/dev/src"},
      {ID:3, Name:"Images", Path:"/usr/images"},
    ];
    return data_1;
  };
  var generate_data_2 = function() {
    var data_2 =
    [
      {ID:1, Name:"All", Path:"/"},
      {ID:5, Name:"3D", Path:"/usr/3d"},
    ];
    return data_2;
  };

  // data
  $scope.predefinedPaths = generate_data_1();
  $scope.source = {
    datatype: 'json',
    localdata: $scope.predefinedPaths,
    id: 'ID',
    datafields: [
      { name: 'Name', type: 'string'},
      { name: 'Path', type: 'string'},
    ]
  };
  $scope.dataAdapter = new $.jqx.dataAdapter($scope.source);

  // grid settings
  $scope.gridSettings =
  {
    source: $scope.dataAdapter,
    width: "100%",
    columns: [
        { text: 'NAME', datafield: 'Name', width: 400},
        { text: 'PATH', datafield: 'Path', resizable: false}
    ],
  };

  $scope.createGrid = true;

  $scope.doRefresh = function() {
    $scope.predefinedPaths = generate_data_2();
    $scope.source.localdata = $scope.predefinedPaths;
    $scope.dataAdapter = new $.jqx.dataAdapter($scope.source);
    $scope.gridSettings.source = $scope.dataAdapter;
  };
});

[TylParticipant]

Perhaps I am doing things wrong with this new v3.6.0 version.
If this is the case, please tell me how to do.

[TylParticipant]

Hi Peter,

I downloaded the v3.6.0 version and the “destroy” error disappeared when I leave the route containing the charts.
But the upgrade has side effects on my jqx-grids.
I now have infinite digests loops detected by angular when the jqx-grid appears:
“Error: error:infdig
Infinite $digest Loop”

I use the jqx-grid with jqx-create and jqx-settings attributes:
<jqx-grid jqx-create=”createGrid” jqx-settings=”gridSettings”></jqx-grid>

And I use this code to update my grid :
var source = {
datatype: ‘json’,
localdata: $scope.predefinedPaths,
id: ‘ID’,
datafields: [
{ name: ‘ID’, type: ‘integer’},
{ name: ‘Name’, type: ‘string’},
{ name: ‘Path’, type: ‘string’},
]
};
var dataAdapter = new $.jqx.dataAdapter(source, { async: false, autoBind: true});
$scope.gridSettings.source = dataAdapter;

I use the last 1.2.27 version of angular.
My problem may be the same than in the post:
http://www.jqwidgets.com/community/topic/jqx-grid-angular-integration-problems/

[TylParticipant]

Hi Peter,

I was about to do it when I saw the breaking change regarding jqxData.
I don’t know how much code I will have to modify to make it work with this new version.

I will try anyway, I will easily downgrade to V3.5 if I need.

[Author]

Posts