I would like to show initially the grid collapsed (only title-bar showing), then after clicking on the titlebar get the grid expanded, and data loaded from the server. After that, if I collapse the grid, then re-expand it, as data is already there, it shouldn't be loaded again. Is that feasible?
Found it! - use hiddengrid = true See Basic grid - Properties
Related
Please refer to the azure link for the built code and github link for the source code. To explain the scenario, I have a q-datatable from Quasar Framework. Since I have nested data, I am populating primary data in a collapsible for loop and secondary data in the content of collapsible as a datatable. The page also features an Edit/View Mode toggle just below the filters on the right. I have formatted the columns of the datatable to show q-input when in Edit Mode and just text in View Mode. Please do the following operation to reproduce the error. Steps 5 and onward are the steps producing unexpected behavior.
Expand one of the rows at the link(open in new window manually).
Toggle the Edit/View toggle which can be found just below the filters.
Trying editing any row. Observed Result: The values do persist in the text boxes on leaving focus, and also in the labels when page mode is changed back to View mode.
Add a new row by clicking on Add button found just below the row header.
Try typing in any of the text boxes in the newly added row and move to the ext text box. Observed Result: The values do not persist in the text box neither do they show in the labels when changed to View Mode.
Change mode back to View Mode and then back to Edit Mode. Observed Result: Values do show in the text boxes in edit mode but not in the View Mode.
Add a new row. Observed Result: Now the previously added row values show in both Edit and View Modes.
The problem was in the AddRow method. It is stated in the documentation that vue can only track changes to objects with defined properties. In the AddRow method I was adding an empty data object to the model. Adding properties with null values fixed the issue.
I am using Extjs 4.1.1
I want to show combo always in Grids perticular cell.
i.e. not on click editor will get on and show combo.
When page get's load always show with Grid with one cell with combo.
earlier I have used, "itscomponentcolumn" for this, want to know is there any other solution for this ?
I will explain with the help of images..
on page load we get Grid something like this.
and after cell click we get Grid with that particular cell with combo.i.e.
So I want, without click on cell always show combo on each cell of the "Light" Grid's column.
i.e on page load structure of Grid should be like
I hope I am able to explain my requirement.
Please suggest the possible way to achieve this.
I am new to extjs 4 and I have got a problem to customize the grid panel. My application have JSON data to render in a grid. After populate the data when user click on a particular row he need to get an panel (Just like row editing plugin) of a textfield and a button to send the entered text to server through the controller. This data that user entered is not the data of grid column.
I need to know is it possible? And if it is, then how can I make it.
Thanks in advance.
Sure it is possible. First look at the following example from the Extjs 4.1 docs
All you need is to add your listener to itemclick grid event. Within this listener function you can create panel you need.
I am trying to edit a specific control part within a custom TabItem Template. In this case, it's the TemplateBottomSelected control part.
I'm having an issue where I cannot seem to view or edit any control parts within the template editor except the default TemplateTopSelected. Here's a screenshot of what I'm talking about:
Even though I'm selecting the "TemplateBottomSelected" grid, the only thing I can see is the template for the TemplateTopSelected item.
How the heck do I edit the other control parts within the template using the editor?
Thanks!
that's because these templates are either collapsed or the opacity of them is set to 0. :)
you can use the eye toggle button to only show the one you want to modify at design time, set the visibility to visible, do your changes, and reset it to collapsed.
please let me know if you need more info.
I have a tab control with two tabs. Both tabs have controls which are unique to them, but there is one control which I would like to always appear on whichever tab is currently active.
I figure I just need to add some code to TabControl1_SelectedIndexChanged().
I tried
MyControl.Parent = TabControl1.TabPages(
TabControl1.TabPages.IndexOf(TabControl1.SelectedTab))
MyControl.Parent.Update() ' is this necessary?
and I also tried
TabControl1.TabPages(
TabControl1.TabPages.IndexOf(TabControl1.SelectedTab)).Controls.Add(SeMyControl)
but neither worked (the control moved once, but when I went back to the original tab, the control did not appear there.
googling found someone suggesting
TabControl1.TabPages(TabControl1.TabIndex).Controls.Add(MyControl)
but that looks dodgy as the control is never removed from the old tab, so repeated switching would probably add the control multiple times.
I feel that I am close, but not quite ... how do I do it?
No, that works fine since Controls.Add() changes the Parent property. Which automatically removes it from the tab page it was on before. A control instance can only have one parent.
The more straight-forward approach is to simply not put the control on a tab page but leave it parented to the form which a lower Z-order so it is always on top of the tab control. The only problem with that is that the designer will hassle you. It automatically sucks the control into the tab page when you move it on top of the tab control. One trick to fix that is to leave it off the tab control and change its Location property in the form constructor.
Using your second code snippet that you are concerned about because it doesn't remove it from the original tab, why not just remove it from the original tab before you add it to the new tab?
Maybe something like: TabControl1.TabPages(TabControl1.TabIndex).Controls.Remove(MyControl)