jQWidgets Forums
Forum Replies Created
-
Author
-
March 13, 2020 at 8:40 pm in reply to: DataTable and drop down list DataTable and drop down list #108379
Hi, Hristo.
Thank you for your attention.What I need is to refresh the dropDownList records after a choice, so that the chosen item is no longer displayed in the list so that the user does not choose it twice.
I don’t know how to use the createEditor or initEditor to refresh the dropDownList items. I did not understand seeing your example. Could you give a more didactic example, please.
If necessary, I can send the code.
Thanks.
March 11, 2020 at 3:07 pm in reply to: DataTable and drop down list DataTable and drop down list #108338I’m using a dataTable which has a dropDownList as a column. I would like that when it chosen a item in the dropDownList it was removed form the list, leaving in the list only those not chosen yet. This doesn’t work. I’ve tryed the following solutions, but none successful.
1 – to directly remove the item from dataAdapter.records
2 – to remove the item from the object used to assign source.localData and I’ve after create the dataAdapter with this source, assigning it to same initial reference.
3 – to recreate the source with a new data in localData, and I’ve after create the dataAdapter with this source, assigning it to same initial reference.December 11, 2019 at 10:42 pm in reply to: Deletion of newly added row in jqxgrid Deletion of newly added row in jqxgrid #107559Hi, Stanislav.
I was trying to use jqxGrig with [everpresentrowactions]=”‘add update remove reset'” like is showed in demo, but it did not work.
When I changed “remove” by “delete” it worked.
Take a look at this, please, to verify if “remove” is really wrong.November 27, 2019 at 10:36 pm in reply to: Angular 6 jqxScheduler create custom datafields in edit dialog Angular 6 jqxScheduler create custom datafields in edit dialog #107467One more question.
How can I use the method jqxForm.hideComponent() to hide a component that is inside the columns component of the jqxForm?November 27, 2019 at 5:37 pm in reply to: Angular 6 jqxScheduler create custom datafields in edit dialog Angular 6 jqxScheduler create custom datafields in edit dialog #107465Hello, Martin.
I’ve decided to use my own dialog according to the example above, but I’m facing the following problem. I can’t capture the button events.My HTML is
<jqxScheduler #scheduler
(onEditDialogClose)=”editDialogClose($event)”
(onAppointmentAdd)=”appointmentAdd($event)”
(onAppointmentDoubleClick)=’appointmentOpen($event)’
(onAppointmentChange)=”appointmentChange($event)”
(onAppointmentDelete)=”appointmentDelete($event)”
[theme]=”‘energyblue'”
[width]=”getWidth()” [height]=”600″
[date]=”date”
[source]=”dataAdapter”
[editDialogCreate]=”editDialogCreate”
[localization]=”localization”
[resources]=”resources”
[showLegend]=”true”
[view]=”‘weekView'”
[views]=”views”
[appointmentDataFields]=”appointmentDataFields”
[contextMenuCreate]=”contextMenuCreate”
[contextMenuItemClick]=”contextMenuItemClick”
[contextMenuOpen]=”contextMenuOpen”
[renderAppointment]=”renderAppointment”
(onCellClick)=”cellClick($event)”>
</jqxScheduler>
<div>{{titulo}}</div><jqxWindow #dialogWindow [height]=”500″ [width]=”500″ [autoOpen]=”false”>
<div>Editar evento</div>
<jqxForm #myForm
[width]=’400’
[height]=”‘auto'”
[template]=’template’
[value]=’sampleValue’
>
</jqxForm>
</jqxWindow>and my typescript has the two following piece of code
//–form definition – start
columns: Array<jqwidgets.FormTemplateItem> = [
{
name: ‘submitButton’,
type: ‘button’,
text: ‘Sign up123′,
width: ’90px’,
columnWidth: ‘50%’,
align: ‘right’
},
{
type: ‘button’,
text: ‘Cancel’,
width: ’90px’,
columnWidth: ‘50%’
}
];
template: Array<jqwidgets.FormTemplateItem> = [
{
bind: ‘titulo’,
type: ‘text’,
label: ‘Título’,
required: true,
labelWidth: ’85px’,
width: ‘250px’,
info: ‘Título do evento’,
infoPosition: ‘right’
},
{
bind: ‘local’,
type: ‘text’,
label: ‘Local’,
required: true,
labelWidth: ’85px’,
width: ‘250px’,
info: ‘Local do evento’,
infoPosition: ‘right’
},
{
bind: ‘inicio’,
type: ‘datetime’,
label: ‘Início’,
required: true,
labelWidth: ’85px’,
width: ‘250px’
},
{
bind: ‘fim’,
type: ‘datetime’,
label: ‘Fim’,
required: true,
labelWidth: ’85px’,
width: ‘250px’
},
{
bind: ‘diatodo’,
type: ‘checkbox’,
label: ‘Dia todo’,
required: false,
labelWidth: ’85px’,
width: ‘250px’
},
{
bind: ‘city’,
type: ‘text’,
label: ‘City’,
required: true,
labelWidth: ’85px’,
width: ‘250px’
},
{
bind: ‘state’,
type: ‘option’,
label: ‘State’,
required: true,
labelWidth: ’85px’,
width: ‘250px’,
component: ‘jqxDropDownList’,
options: [
{ value: ‘California’ },
{ value: ‘New York’ },
{ value: ‘Oregon’ },
{ value: ‘Illinois’ },
{ value: ‘Texas’ }
]
},
{
bind: ‘zip’,
type: ‘text’,
label: ‘Zip code’,
required: true,
labelWidth: ’85px’,
width: ‘250px’
},
{
type: ‘blank’,
rowHeight: ’10px’
},
{
columns: this.columns
}
];
sampleValue: any = {
firstName: ‘John’,
lastName: ‘Scott’,
address: ‘1st Ave SW’,
city: ‘San Antonio’,
state: ‘Texas’,
zip: ‘78209’
};
//–form definition – end//– submitButton event click defition – start
ngAfterViewInit() {
this.myScheduler.ensureAppointmentVisible(‘id1’);
this.btn = this.myForm.getComponentByName(‘submitButton’);
this.btn.on(‘click’, () => {
console.log(‘====> THE BUTTOM IS WORKING’);
//this.myForm.submit(‘https://www.jqwidgets.com/form_demo/’, ‘_blank’, ‘POST’);});
}
//– submitButton event click defition – endbut, when the button is clicked, the process never passes through the console.log command above.
Thank you for your attention.
November 22, 2019 at 5:44 pm in reply to: Angular 6 jqxScheduler create custom datafields in edit dialog Angular 6 jqxScheduler create custom datafields in edit dialog #107426Thank you very much!
I have another question for you.
How can I use another dialog instead of the dialog that comes with jqxScheduler?Thanks in advance.
November 21, 2019 at 8:09 pm in reply to: Angular 6 jqxScheduler create custom datafields in edit dialog Angular 6 jqxScheduler create custom datafields in edit dialog #107411Hi!
How to set and fire the event onChecked of a jqxCheckBox created by jqwidgets.createinstance?November 19, 2019 at 5:23 pm in reply to: Angular 6 jqxScheduler create custom datafields in edit dialog Angular 6 jqxScheduler create custom datafields in edit dialog #107397Thank you, Martin!
Your answer was very helpful.October 31, 2019 at 3:59 pm in reply to: Angular 6 jqxScheduler create custom datafields in edit dialog Angular 6 jqxScheduler create custom datafields in edit dialog #107215It is returned null in event.args.appointment.
October 31, 2019 at 3:55 pm in reply to: Angular 6 jqxScheduler create custom datafields in edit dialog Angular 6 jqxScheduler create custom datafields in edit dialog #107214How to get the value of a added field? I have included my new field in source.dataFields, but its value is returned as null.
October 31, 2019 at 3:43 pm in reply to: Angular 6 jqxScheduler create custom datafields in edit dialog Angular 6 jqxScheduler create custom datafields in edit dialog #107213Yes!!
Thanks, Martin!October 30, 2019 at 6:04 pm in reply to: Refresh data in jqxScheduler Refresh data in jqxScheduler #107198Hello.
Which field in jqxScheduler can i use to keep and know relationship between recurrent appointment and their exceptions?October 17, 2019 at 7:18 pm in reply to: Angular 6 jqxScheduler create custom datafields in edit dialog Angular 6 jqxScheduler create custom datafields in edit dialog #107037The erro above occurrs at line $(“#behandlung1”).jqxComboBox({});
October 17, 2019 at 7:16 pm in reply to: Angular 6 jqxScheduler create custom datafields in edit dialog Angular 6 jqxScheduler create custom datafields in edit dialog #107036I´m getting the following error when i add a new field.
‘jqxComboBox’ does not exist on type ‘JQuery<HTMLElement>’. How can I resolve it? -
AuthorPosts