[geromelouieParticipant]

Hi Hristo,

I am using Angular to render the combobox and using jqwidgets-ng version 8.1.4.

The way I render the jqxcombobox in the jqxgrid is through the code below

createeditor: (row: number, value: any, editor: any): void => {
editor.jqxComboBox({
height: 27,
source: this.getAdaptor(element.baseColumnName),
displayMember: ‘label’,
valueMember: ‘value’,
dropDownHeight: 300,
searchMode: ‘containsignorecase’
});
},

I hope this helps

Thanks!

[geromelouieParticipant]

Hi Yavor,

Thank you for this. The problem I was getting was when I load the page, I need Americano and Affogato automatically selected for example. The dropdown however is dynamically created in Angular.

Thanks!

[geromelouieParticipant]

Hi,

Would you mind providing a code snippet for Angular to implement this?

Thanks!

[geromelouieParticipant]

Hi Hristo,

The link below has an image. I have a multi-select dropdown that needs to be pre populated on load of the page. This dropdown is dynamically created so it may or may not be present. Also it is not part of any grid element, it is just rendered in an html table.

https://ibb.co/99Rr2Cm

Thanks!

[geromelouieParticipant]

Sorry, just to add, I am using Angular and not JQuery

[geromelouieParticipant]

Hi Hristo,

Thank you for getting back to me on this. I am currently using editmode=”dblclick” to get a cell into edit mode. Now, what needs to happen is the whole row where the cell I am editing is in must be highlighted with some color for me to know that I am at that row currently in case I need to scroll left or right.

I am thinking of doing it on the cellendedit event however, I cannot find a property for the jqxgrid to do that.

Just to add, I am using Angular and not JQuery

Thanks!

[geromelouieParticipant]

Actually, it is when moving out of the cell where I lose the line breaks. But when saving and going to edit mode, I have the line breaks.

[geromelouieParticipant]

Hi Hristo,

My case scenario is I have a combo box column inside a grid. Then the combo box has the following values: (value: null, label: ”}, {value: 0, label: ‘Option 0’}, {value: 1, label: ‘Option 1’}. Now if the column value is equals to 1, Option 1 gets selected as expected. However, when the column has a value 0, the option with the null value gets selected instead of the option with the 0 value. I think this has to do with typescript treating 0 as null. If I remove the null option, the 0 value gets selected as expected.

Thanks!

[geromelouieParticipant]

I just want to add that it only happens when I add a blank option in the combobox with a null value.

Thanks!

[geromelouieParticipant]

Hi,

When rendering the grid using Angular, should this be inside the cellhover property?

Thanks!

[geromelouieParticipant]

Hi,

Thank you. Hoping to get a resolution soon.

Thanks!

[geromelouieParticipant]

Hello, in this example link you provided above, I added more columns (more than 10) and I was getting this error:

ERROR
Error: Invalid Selector – #toolTipContainer5! Please, check whether the used ID or CSS Class name is correct.

Thanks!

[geromelouieParticipant]

Hi,

I tried adding a couple more columns in your example above and it is still throwing me the same error. I’m not sure if it only works for a maximum of 10 columns?

Thanks!

[Author]

Posts