Forum Replies Created
-
Not sure if this was ever addressed, it wasn’t for my forum posting. See:
https://www.jqwidgets.com/community/topic/grid-grouping-missing-rows/But I did find a workaround. I basically just updated the source totalrecords and increased the total by the number of groups.
this.source.totalrecords = data.count + (this.currentGroups.length * 2);This shows all the rows of all the groups and it works in virtual mode.
Happy hacking!
Ok Update: At first I thought it was a component issue, and then I thought it was API but in fact it was neither.
My API is expecting to handle multiple files at one time requiring the filename attribute to be an array (or actually a string that acts as an array when rendered) not just a string.
Long story short.. too late.. the documentation for the jqxFileUpload could use a little help. Especially with the “multipleFilesUpload” defaulting to true, it’s a little confusing.
Example:
`<jqxFileUpload #fileUpload [fileInputName]=”‘uploadFiles'”>
</jqxFileUpload>`Single file format from my PHP API:
array(1) { ["uploadFiles"]=> array(5) { ["name"]=> string(16) "testing.txt" ["type"]=> string(10) "text/plain" ["tmp_name"]=> string(14) "/tmp/phpmovWAm" ["error"]=> int(0) ["size"]=> int(153) } }Example:
`<jqxFileUpload #fileUpload [fileInputName]=”‘uploadFiles[]'”>
</jqxFileUpload>`Multiple file format from my PHP API:
array(1) { ["uploadFiles"]=> array(5) { ["name"]=> array(1) { [0]=> string(16) "testing.txt" } ["type"]=> array(1) { [0]=> string(15) "application/pdf" } ["tmp_name"]=> array(1) { [0]=> string(10) "text/plain" } ["error"]=> array(1) { [0]=> int(0) } ["size"]=> array(1) { [0]=> int(100194) } } }Seriously hope this helps someone else, cause it drove me crazy for a good day.
Happy coding!
I was having the same issue and figured out a solution that’s working so far. Hopefully it help others.
constructor(private componentfactoryResolver: ComponentFactoryResolver, private injector: Injector, private app: ApplicationRef) { }Set the content with a placeholder
this.relatedTabs.forEach(config => { if (config['SHOWN_BY_DEFAULT']) { let index = count - 1; config['TAB_INDEX'] = count++; config['INITIALIZED'] = false; let title = config['LABEL']; let content = <code><div id="hdlist${index}"></div></code>; //Placeholder this.tabsReference.addAt(index, title, content); } });Use the Factory to create the component and the Injector to put it into the DOM.
tabclick(event) { let index = event.args.item; if (this.relatedTabs[index] && !this.relatedTabs[index]['INITIALIZED']) { this.relatedTabs[index]['INITIALIZED'] = true; let node = document.getElementById('hdlist' + index); let ref = this.listCompFactory.create(this.injector, [], node); ref.instance.widgetParams = { WIDGET_ID: 565 }; //Set Inputs ref.instance.width = '100%'; ref.instance.height = '95%'; // ref.changeDetectorRef.detectChanges(); // Issue could arise with change detection. Not sure yet. this.app.attachView(ref.hostView); this.listRefs[index] = ref; } }All of my tabs are dynamic so I couldn’t use the ViewChild/Children.
Good Luck!