Hello everyone ,
I just started using iggrid in asp.net core mvc. i get confused which ones r classes which r methods, which are events. So , as a beginner could you help me out like how to start and proceed.
Like in this example:
name: "Filtering", columnSettings: [ { columnKey: "RegistererDate", editorType: "datepicker", editorOptions: { dateInputFormat: "MM/yyyy", dateDisplayFormat: "MMMM yyyy", }If I am using edietype:datepicker'then in editor options i can only use properties which are for datepicker?right and where i can find properties related to each editortype.Also
Hello Rohit,
Thank you for posting in our community!
I have been looking into your question and what I would suggest is referring to our Help Topics here. They provide a detailed explanation of the Ignite UI for jQuery library, how to get started with it, what are the supported controls, etc.
Additionally, another useful resource is our API Reference topics here. On the left, you will find all supported controls and by clicking on any of them you will find a brief explanation as well as the exposed options, events, methods, and CSS classes.
For example, consider the ui.igGridFiltering feature. As demonstrated in the provided by you code snippet, you could configure the feature as desired by benefiting the exposed options, events, etc. Each option, event, method provides a description as well as code snippets demonstrating how it could be configured.
When setting the editorType option to be of type "datepicker" an igDatePicker will be created. This means that if you want to further configure the editorOptions, they should correspond to the options/events of the igDatePicker.
For example, the dateInputFormat and dateDisplayFormat options could be used to configure the igDatePicker as they are part of the supported by the control options. Respectively you could configure the supported events as well.
The following code demonstrates how to configure the dropDownListOpening event of the igDatePicker:
name: "Filtering", columnSettings: [ { columnKey: "RegistererDate", editorType: "datepicker", editorOptions: { dateInputFormat: "MM/yyyy", dateDisplayFormat: "MMMM yyyy", dropDownListOpening: function (evt, ui) { CUSTOM LOGIC HERE... }, }, }, ],
The supported options, events, methods, etc., could be found in the API reference topic of the respective control.
Here could be found the API topic for the igDatePicker control. When opening the link, on the left, you can see all the supported editors under the igEditors section.
Finally, I would also recommend referencing our Samples section here. There you can find many samples regarding each control and feature which I believe you will find quite helpful as this section provides working samples as well as a code view section that demonstrates how the samples are actually configured.
Please have a look at the provided resources and let me know if you need any further information regarding this matter.
Sincerely, Riva Ivanova Associate Software Developer