[alesParticipant]

According to https://www.jqwidgets.com/community/topic/how-to-assign-different-theme-to-a-component/ similar solution could be used here too:

1. Set :autoCreate="false"
2. Run the following code after data from remote server were received:

const settings = {
          theme: 'metro',
          source: this.pivotDataSource,
          treeStyleRows: false,
          autoResize: false,
          multipleSelectionEnabled: true
        }

        this.$refs.pivotGrid.createComponent(settings)

This is reasonable solution, but what if I want to do refresh again with new data from the server? Running this code again results in "TypeError: Cannot read property 'jqxScrollBar' of undefined".

Ales

[alesParticipant]

Thank you Martin,
It works fine. What baffled me is that when you put a JqxButton on a page and set the theme directly in the template, it works without manually creating the component.

<JqxButton theme="metro">Button</JqxButton>

Ales

[alesParticipant]

Hi,
could you please update the documentation as asked above?
Thank you
Ales

[alesParticipant]

Hi Peter,
can you please answer my question?

Thank you
Ales

[alesParticipant]

Hi Peter,
you may have missed my previous post. Can you tell me approximately when you can to add these features?

Thank you
Ales

[alesParticipant]

Hi Peter,
OK, I understand, but we need to know some details about when do you plan to add these features approximately. We have to make final decision about what component framework to use (and buy a license) in our upcoming project and these features are important to us. Generally speaking we would like to see that jqxGrid and jqxTree are as most similar in features as possible. From the user perspective these components are almost the same and it is hard to explain the user, why he/she cannot do the same thing in the TreeGrid.

Thank you
Ales

[alesParticipant]

Finally I have found this old post http://www.jqwidgets.com/community/topic/add-hierarchical-data/. The solution is the fifth parameter of the addRow method (the parent id), which is undocumented. You have been asked to add this parameter to your documentation in this post (almost a year ago), but you ignored it. Very bad. At least 1 hour lost at my side Please, add this parameter to your documentation so that other developers can quickly figure out how to add a child row.

Thank you
Ales

[alesParticipant]

Hi,
can you please try this example: http://jsfiddle.net/g4ztdgjf/7/ ? Try to click the checkbox in the first or second row and you will see that checkboxes in the “placeholder” rows change its state to “null”. It looks really very bad. This behaviour and also a fact, that user can select non existing row is not very user friendly.

Thank you for your response.
Ales

[alesParticipant]

I am sorry about duplicating this question, but there is still no response to this question. Can you or Peter reply to a question, if you can consider to change the grid not to show the “placeholder” rows in some of the future versions, please?

Thank you very much for your attention
Ales

[alesParticipant]

Hi Dimitar,
thanks for the suggestion, but autoheight is not an option with virtualmode because the rendergridrows function requests to render all the “totalrecords” records (see the console log in http://jsfiddle.net/g4ztdgjf/6/) and this can lead to hang the application when there are thousands and more records. The big data sizes are the reason why I consider to use virtual mode. Can you consider to change the grid not to show the “placeholder” rows in some of the future versions?

And the first question in my previous post: what is the right way to delete a row to avoid the “TypeError: this.records.indexOf is not a function” error.

Thank you
Ales

[alesParticipant]

Hi Dimitar,
thank you for your response. I am not able to delete any row, either the empty or with the data:

1. When deleting a row with data in virtual mode an error ocurred: “TypeError: this.records.indexOf is not a function”. Similar error is raised when calling ‘addrow’. The this.records is expected to be an array, but is an object. I am using datatype: “array”, so I do not understand why this error is raised. Please see the example: http://jsfiddle.net/g4ztdgjf/5/ , select one row with the data and click the button -> “TypeError: this.records.indexOf is not a function” appears in the console.

2. How to delete the empty rows if the do not have any row id?

Thank you for your help.
Ales

[alesParticipant]

Hi,
I am facing the same problem. Is there any solution to _hide_ the checkboxes for empty rows? Or better would be not to display empty rows.

Thank you for any hints.
Ales

[alesParticipant]

Hi Peter,
what do you think about my previous post?
Thanks, Ales

[alesParticipant]

Hi Peter,
thank you for your reply. Would it be hard to change the behavior not to display empty rows in such case? It seems strange when mixing grids with virtual and non virtual mode in one application (sometimes there is empty space and sometimes empty rows). I can use only virtual mode with all the grids in the application, but the empty rows are not good from the user experience point of view. Users tend to click to the empty rows and ask what are they for. It is simply confusing. What do you think?

Ales

[alesParticipant]

You are right. I receive the data from the Play framework server and I am not able to change the date fields format. I will try to convert it via JavaScript on the client site, but this is not very “clean” solution, IMHO.

Thank you for your assisting.
Ales

[Author]

Posts