[NajmeParticipant]

Please, can somebody help me about it? we have the last version and with my example drop down doesn’t show the validator at all!!

[NajmeParticipant]

Hi Ivo,
this is my grid:
<jqxGrid #routeDashboard_Main_routesGrid (onRowselect)=’onRowSelect($event)’ (onRowunselect)=’onRowUnselect()’
(onCellclick)=”CellClick($event)” (onRowexpand)=’onRowExpand($event)’
[id]='”RoutesGrid”‘ [height]=”‘100%'” [width]=”‘100%'”
[source]=’routesAdapter’ [columns]=’columns’ [virtualmode]=’true’ [auto-create]=’false’
[rowdetails]=’true’
[initrowdetails]=’initRowDetails’ [ready]=’ready’ [rowdetailstemplate]=’rowdetailstemplate’
[selectionmode]='”checkbox”‘ [showfilterrow]=’false’ [filterable]=’true’ [sortable]=’true’ [columnsmenu]=’false’ [columnsresize]=’true’
[rendergridrows]=’rendergridrows’ [rowsheight]=’25’ [showdefaultloadelement]=”false”
[autoshowloadelement]=”false” [cellhover]=’RowHover’
>
</jqxGrid>

this is one of the column field :
{datafield:”projectedElapsedTime” filtertype:”number” hidden:false text:”Projected Elapsed Time” width:”80″}

this is one of the data field:
{type: null, name: “projectedElapsedTime”}

example of my data in column UI from server:
projectedElapsedTime:”03:47:08″

and as you can see I want to have number filter on the string column and yes filter is server side and this is my filter function :
filter: (cellValue, rowData, dataField, filterGroup, defaultFilterResult) => {
if (this.isFilterRow) {
if (this.loadingState) {
this.filterGrid(null);
this.myGrid.updatebounddata(‘filter’);
}
}
}

and this is the json object is sent to the server :
0:{filterColumn: “FWResource.WindupTime”, filterValue: 0, filterCondition: “EMPTY”, filterOperator: 0,…}
1:{filterColumn: “FWRoute.ActualElapsedTime”, filterValue: 0, filterCondition: “EMPTY”,…}
2:{filterColumn: “FWRoute.PlannedElapsedTime”, filterValue: 10, filterCondition: “GREATER_THAN”,…}

it is applying some waste empty filter conditions I just applied the 2 filter and the other is added automatically.

Best Regards,
Najme

[NajmeParticipant]

Hi Ivo,
Last week we got the latest version(5.4.0) and still validators not working with drop down.

Best Regards,
Najme.

[NajmeParticipant]

Hello Again,
I removed my old fashion jqx-all file using and imported all necessary jqx files and work like a charm.

Best Regards,
Najme

[NajmeParticipant]

Hello Hristo,
Thank you for answering me, I tried to reproduce it in the jsfiddle but somehow wasn’t possible, it worked fine there even I copy paste there everything,
except for that in my version, I have to get data from the server, unfortunately even I removed everything and make it simple piecharts but still each toggles effects other piecharts legends as well, please if you can help me would be great.?
here you have jsfiddle link I made:
http://jsfiddle.net/tanhabad/QpqF8/92/
although here also there is an issue, I want every time piecharts created also refresh the list of legends as well, here I have same data but when in real version I have dynamic data it toggles wrong legend square after reloading data it uses some indexing.

Best Regards,
Najme

[NajmeParticipant]

I can not trigger any resize event because I have this action in the resize event of the splitter which contains my grid, each triggering resize in any element leading me to the infinite loop.

[NajmeParticipant]

I tried this way and did not work as well.
$(“#” + nestedGrid.context.id).jqxGrid({ width: ‘95%’ });
$(“#” + nestedGrid.context.id).jqxGrid(‘render’);

[NajmeParticipant]

Hi Peter,
Thank you for the answer, How can I resize the array of expanded row detail in angular2?
I did this and did not work:
this.nestedGrids.forEach(nestedGrid => {
$(“#” + nestedGrid.context.id).css(“width”, ‘100%’);
}

Best Regards,
Najme

[NajmeParticipant]

Please,
could somebody answer this question?
how can we initialize a jqx functionality into the rows in angular 2?
how we can customize grid in grid ready or rendered ?!
this is not working in the angular 2:
*all the time I have this err:core.es5.js:1084 ERROR TypeError: gridCells.jqxDragDrop is not a function
rendered: function(type)
{
// select all grid cells.
var gridCells = $(‘#grid1’).find(‘.jqx-grid-cell’);

// initialize the jqxDragDrop plug-in. Set its drop target to the second Grid.
gridCells.jqxDragDrop({
appendTo: ‘body’, dragZIndex: 99999,
dropAction: ‘none’,
initFeedback: function (feedback) {
feedback.height(25);
},
dropTarget: $(‘#grid2’), revert: true
});
gridCells.off(‘dragStart’);
gridCells.off(‘dragEnd’);
gridCells.off(‘dropTargetEnter’);
gridCells.off(‘dropTargetLeave’);

// disable revert when the dragged cell is over the second Grid.
gridCells.on(‘dropTargetEnter’, function () {
gridCells.jqxDragDrop({ revert: false });
});
// enable revert when the dragged cell is outside the second Grid.
gridCells.on(‘dropTargetLeave’, function () {
gridCells.jqxDragDrop({ revert: true });
});
// initialize the dragged object.
gridCells.on(‘dragStart’, function (event) {
var value = $(this).text();
var position = $.jqx.position(event.args);
var cell = $(“#grid1”).jqxGrid(‘getcellatposition’, position.left, position.top);
$(this).jqxDragDrop(‘data’, {
value: value
});
});
// set the new cell value when the dragged cell is dropped over the second Grid.
gridCells.on(‘dragEnd’, function (event) {
var value = $(this).text();
var position = $.jqx.position(event.args);
var cell = $(“#grid2”).jqxGrid(‘getcellatposition’, position.left, position.top);
if (cell != null) {
$(“#grid2”).jqxGrid(‘setcellvalue’, cell.row, cell.column, value);
}
});
},
selectionmode: ‘singlecell’,
columns: [
{ text: ‘First Name’, dataField: ‘firstname’, width: 300 },
{ text: ‘Last Name’, dataField: ‘lastname’, width: 300 },
{ text: ‘Product’, dataField: ‘productname’ }
]
});

[NajmeParticipant]

Hi Ivo,
Thank you for answering me, I guess I can do this with this property [dropAction]= “‘none'”, in the case of grid’s row.
now I want to try to initialize dragdrop plugin in each cell or row of my grid, here is my grid template:
<jqxGrid #routeDashboard_Main_unassignedStopsGrid
[height]=”‘100%'” [width]=”‘100%'” [source]=’dataAdapter’
[rowdetails]=’true’ [rowsheight]=’35’ [rendered]=’renderedDragandDrop’
[ready]=’ready’ [columns]=’columns’ [rowdetailstemplate]=’rowdetailstemplate’>
</jqxGrid>
I did not find any example for angular two , could you please help me for the “rendered” function to initilize dragable rows?
although I am not sure even if it should be done like jquery in rendered function or in angular 2 there should be diferent solution.

thank you,
Najme

[NajmeParticipant]

Hello Hristo,
thank you for replying me.
yes I used same fiddle but they are different issues, that I find out in different days, one is about filter rows not correctly loading, and the other is about dropdown checked list in filter row that select all is removing after load state.

Regards,
Najme

[NajmeParticipant]

Peter,
oh,thank you :), I hope soon new version will be released , until then I guess I should come up with an alternative idea to resolve it .

Best Regards,
Najme

[NajmeParticipant]

Hi Peter,
please,is there any solution for this issue?, I have to resolve this issue asap for next project deadline!
also this problem happening for me when I load user state as well, so when user apply date filter and go to other page and back and then there is wrong date rage and it is confusing the user!

Best Regards,
Najme

[NajmeParticipant]

Hi Peter,
Thank you for replaying me.
here you have the steps how reproduce this issue:
1:apply a date range filter on the “Range” column.
2:press “show date column” button.
3:press “hide date column” button.

fiddle link:
https://jsfiddle.net/tanhabad/YsNT2/535/

then you can see that date range input of “Range” column is changed(From date replaced by the To date part).
in my case I have more customized columns and more date range columns and it looks like every time it goes to re render the columns this issue happened!

Best Regards,
Najme

[NajmeParticipant]

Hi Christopher,
Thanks a lot , it is working now, although I have more than one dropddownlis with the same class so what I did was adding my own class(id) to the specific dropddown list in the createfilterwidget function and then did same as your solution.

thanks you so much again .
Najme

[Author]

Posts