I have got couple of questions -
1. I am using JQuery igGrid control. I have couple of image controls and button in the grid. I want to show up a popup window which would have a set of controls and a grid. How would we invoke a popup window by clicking on these controls.
2. I have a filter criteria for showing up the parent grid. They are set of combo box. How to pass values from the combo box to the grid.
Devington B.
Hello Rayan,
Thank you for posting in Infragistics community !
Your questions sound quite general but I hope my suggestions come close to your scenario:
1) You can benefit from the igDialog control. You can handle any DOM element click event to open the dialog control (like the button of your grid). You can see such implementation at http://www.igniteui.com/dialog-window/loading-external-page, where clicking the button opens the igDialog. Of course you can place whatever other control you wish inside the dialog. Please let me know if you have questions on that matter.
2) I am note sure I got this correctly. Please clarify when you want to pass a value from the combo to the grid( at what event) and do you want to save that value into some of the grids' cells ? Is the combo box an editor control for the grid or is it just stand alone ? Also what does the filter criteria has to do with passing these values.
Looking forward to hearing from you.
I have a asp.net web application.
1. We have a GUI where the combo box and few other controls are listed in the top. They are like filters to the grid. What I needed is a piece of grid which will help me interact with the grid. We are migrating from infragistics asp grid to jquery grid and it is totally revamping the code here. We do not have server side coding, hence it is a challenge for us to write in Jquery.
2. In the gird we have some controls like image, button. When they are clicked it should open a new window which will list a page with some controls.
I am aware of the dialog control, editing option in the grid. What I needed is something I have mentioned in the 2 points. I am well experienced in server side coding. It is a new challenge here.
I am a little bit confused since I don't feel like I understood your query. However I created a sample that implements the following from above:
1) We have a GUI where the combo box and few other controls are listed in the top. They are like filters to the grid
In the attached sample combo boxes (igCombo control) are listed above the grid and you can use them to filter the grid.
2) In the gird we have some controls like image, button. When they are clicked it should open a new window which will list a page with some controls.
The last the columns of the grid use column template to display button/image in the cell. I have just set the onlick attribute to run a javascript function that will redirect to another page.
I hope this correctly follows your scenario so far and we can upgrade from this base. Please feel free to correct me if I missed or misunderstood something and let me know what other functionality would you like to implement in the given sample. I will be glad to help you on that.
Hello,
Below you can find a code snippet for your first question:
About the second question:
You can follow my suggestions from above in order to achieve your goal. First add the selection feature in order to get the row fields and values when you click the button. You can store that information in localStorage object and when the Dialog is opened to get the fields and values from the localStorage and to use them to create these textboxes and labels dynamically. Unfortunately you will need to implement your own insert/update functionality since this wont be a RowEditTemplate that can update the values once you change them.
screen 2 attached.
screen 1 attached.
In future, I will create a separate thread when raising a new question. But here in this case, all questions are related with iGrid, that is the reason I used the same thread.
1) Why don't you provide us a short snippet of code to explain the 1st question, 2nd question.
2) You have got the requirement right. provide a code snippet I have already gone through all the library samples. I am unable to find what I need. Assume, I have igrid in a page. In this grid, I have image buttons and there are couple of other fields and a button. When I click an image button I would want a dialog window to open, in that I will populate few fields from the grid. Apart from that, I will have another grid where I will do a self editing and save and close the form. Like this I will have action for other image buttons.
I am not sure how would I attach files.
Hello Devington,
I wanted to let you know that according our support policy we handle issue/question per case/thread and it is recommended for every new question that is not directly related to the question/questions about the firstly created case/thread to create a new case/thread. This is for better communication and history tracking also.
About your first question, yes you can create a JSON object or array of objects and pass it. Passing the static data was just for the example (id with value 1000).
About the second question, my suggestion is to use the Row Edit Template functionality which is provided by design. As you can see from the online sample, the template is showing all the fields of the igGrid.
If you could explain me for what exactly you want to use the fields I can suggest you something else. For example on image click you can get the row of the selected button and to pass its fields (and values) to a DialogWindow and on showing of the Dialog to create some textboxes and labels, for example, based on the fields and their values.
Useful reference:
http://help.infragistics.com/Help/Doc/jQuery/2014.2/CLR4.0/html/igGrid_Updating_RowEditTemplate.html