Doubt with Spanish translation

[Jose Antonio]

Hi,

the word "more" cannot be found in any control within "QueryBuilding" to be able to translate it via Ln10.

Can it be translated?

Thanks in advance.

Regards.

[YuvanShankar Arunagiri]

Hi Jose,

Sorry for the delay. We are validating your query and will update you the details on or before 12th September 2022.

Regards,

YuvanShankar A

[Jose Antonio]

ok, thank you very much.

Regards.

[YuvanShankar Arunagiri]

Hi Jose,

We have validated your reported query and prepared the sample based on your requirement. please refer the below code snippet and sample link. we can achieve your requirement by using the valueModel property of the query builder.

[index.js]:

valueModel = { multiSelectModel: { change: this.onChange } };

………………

onChange() {

        if (document.getElementsByClassName('e-remain')[0]) {

            var text = document.getElementsByClassName('e-remain')[0].innerHTML;

            var myArray = text.split(' ');

            var result = myArray[0] + ' mehr..';

            document.getElementsByClassName('e-remain')[0].innerHTML = result;

        }

    }

…………………..

 <QueryBuilderComponent dataSource={employeeData} columns={this.columnData} rule={this.importRules}  locale='es' valueModel={this.valueModel} ref={(scope) => { this.qbObj = scope; }}>

                            </QueryBuilderComponent>

 

Sample link: https://stackblitz.com/edit/react-baolb2?file=index.js

Could you please check with the above code and get back to us, if you need any further assistance on this.

Regards,

YuvanShankar A

[Jose Antonio]

Hi, thanks for the answer, but there is still something left.

This example was executed with DisplayMode = 'Vertical'

I select some titles ...

the last selection causes the message "more" to pop out...

And only the word "more" is translated when the "onchange" event is triggered when the list loses focus, rather than immediately translating when the word "more" appears.

Thanks.

Best regards.

[YuvanShankar Arunagiri]

Hi Jose,

We have validated your reported query and prepared the sample based on your requirement. please refer the below code snippet and sample link. we can achieve your requirement by using the valueModel property of the query builder with select and removed event of multiselect component.

[index.js]:

valueModel = { multiSelectModel: { select: this.onChange, removed: this.onChange } };

………………

onChange() {

        setTimeout(() => {

            if (document.getElementsByClassName('e-remain')[0]) {

                var text = document.getElementsByClassName('e-remain')[0].innerHTML;

                var myArray = text.split(' ');

                var result = myArray[0] + ' mehr..';

                document.getElementsByClassName('e-remain')[0].innerHTML = result;

            }

        }, 20); 

    }

…………………..

 <QueryBuilderComponent dataSource={employeeData} columns={this.columnData} rule={this.importRules}  locale='es' valueModel={this.valueModel} ref={(scope) => { this.qbObj = scope; }}>

                            </QueryBuilderComponent>

 

Sample link: https://stackblitz.com/edit/react-baolb2?file=index.js

Could you please check with the above code and get back to us, if you need any further assistance on this.

Regards,

YuvanShankar A

[Jose Antonio]

Hi, is solucionated.

Thanks very much.

Regards.

[YuvanShankar Arunagiri]

Hi Jose,

We are happy to hear that your requirement has been fulfilled. Please get back to us if you need any further assistance on this.

Regards,

YuvanShankar A