Here is an MVC version of the E5130 - ASPxGridView - How to display different controls in different cells of the specific column code example.
This example is a combination of the Custom Document Management in Rich Text Editor and Custom Document Management in Spreadsheet demo modules. In addition, some extra file formats are supported (.jpg, .pdf). You can easily add additional file formats support if necessary. Note that we use the ASPxPopupControl container and load the require controls to it dynamically based on the selected file path and extension. We need to restore the dynamically generated controls hierarchy in the Page_Init event handler (see KA18606 - How to create controls dynamically).
We handle the ASPxClientFileManager.SelectedFileOpened event to trigger file open operation. Thus, you need to double-click the required file item or press the Enter key to initiate this operation.
See Also:
T318308 - How to open documents using ASPxFileManager
T298675 - How to show files preview as a thumbnail in ASPxFileManager
The size of each GridView's element is calculated by the GridViewInfo class. The instance of the GridViewInfo class, containing information about a specific GridView instance, can be obtained via the GridView.GetViewInfo method. This method is hidden for IntelliSence, but is public and can be called from external code.
I am having problems with this approach. When I set gridControl1.Size to the newly calculated value, it has no effect. Is there a property of the GridControl that could prevent it from being resized? My GridControl is within a LayoutControl, along with a number of LayoutControlItems and their controls. I am using version 13.2.9.
Added By: Uriah (DevExpress Support) at: 6/16/2014 5:29:40 AM Hello Gerard,Is this still the best and only way, now with 15.1?
Added By: Uriah (DevExpress Support) at: 12/11/2015 5:31:57 AM Hello Jerther,This example demonstrates how the default layout of TabbedView can be converted to a table layout using the FreeLayoutMode feature.
This example shows how to create a simple docking application. The application contains the following dock panels:
- Toolbox represents a regular dock panel, docked to the left.
- Properties is an auto-hidden dock panel.
- Messages is a floating dock panel.
- Document 1 and Document 2 are two tab pages, representing the main region of the application.
The step-by-step tutorial on how this application was created is available at How to create a simple layout of dock panes. Please refer to it for more information.
This example illustrates how to customize a style for each item. Since the color is changed for an HTML element, it is necessary to synchronize this settings on each round-trip to the server. For this, handle the client-side combo box' Init and EndCallback event.
Note: the GetItemElement and GetItemRow methods are undocumented and can be changed without any notification with the next release.
Hello,
I'm trying to use the following js code, without the for loop, but the listBox is null and the code is crashing.
var item1 = clientComboBox.listBox.GetItemElement(1).firstElementChild;
What can I do?
I just want to add/change styles for a specific item.
Thanks,
Aris
Hello Aris,
I have created a separate ticket on your behalf to process your inquiry more effectively:
ASPxComboBox - How to change a color of text for certain items (E4100 example)
Please refer to it for further correspondence.
This example shows how to create a complex layout of dock panels, by combining the panels into LayoutGroups. The following Layout Groups are created:
- RootGroup (arranges LayoutGroup1 and LayoutGroup3 horizontally)
- LayoutGroup1 (arranges LayoutGroup2 and TabbedGroup vertically)
- LayoutGroup2 (arranges three LayoutPanels horizontally)
- LayoutGroup3 (arranges two LayoutPanels vertically).
This example shows how to create a DocumentGroup with two tabs, represented by DocumentPanel objects.
This example illustrates how to show the Filter Panel on top.
This example demonstrates how to allow a user to copy dragged rows on the modifier key press. A custom attached property is used to determine whether or not the user wants to copy rows. You can adjust this property in the PreviewKeyDown and PreviewKeyUp event handlers. Then, use it in the DragElementTemplate to modify the drag element appearance accordingly. At last, replace data objects within the DraggedRows collection in the Drop event handler with newly created items.
It appears the code for this example does not correspond with the title/description. Where is the attached property implementation?
This example demonstrates how to use the DashboardDesigner.DataSourceWizardCustomization to replace the default pages of the data source wizard with custom ones:
[C#]dashboardDesigner1.DataSourceWizardCustomization=newDataSourceWizardCustomization();
We use following code to skip first page which allows selecting the data source type, and specify custom a wizard page that allows selecting one of the predefined connections. This custom page does not allow establishing a new connection:
[C#]publicclassDataSourceWizardCustomization:IDashboardDataSourceWizardCustomization{publicvoidCustomizeDataSourceWizard(IWizardCustomization<DashboardDataSourceModel>customization){customization.StartPage=typeof(ChooseConnectionPage<DashboardDataSourceModel>);customization.Model.DataSourceType=DashboardDataSourceType.Xpo;customization.RegisterPageView<IChooseConnectionPageView,CustomChooseConnectionPageView>();}}
To specify default connections in code behind, use the DashboardDesigner.CustomDataConnections Property.
See Also:
How to define a custom IConnectionStorageService in DashboardDesigner to filter out unnecessary connections from an app.config file
Hi,
I run this example. first no references is known and I add all again and then this error appear when I compile it:
'WizardCustomizationExample1.DataSourceWizardCustomization' does not implement interface member 'DevExpress.DashboardWin.ServiceModel.IDashboardDataSourceWizardCustomization.CustomizeDataSourceWizzard(DevExpress.DataAccess.UI.Wizard.IWizardCustomization<DevExpress.DashboardCommon.DashboardDataSourceModel>)'
The error is from DataSourceWizardCustomization1.cs line 49 column 18
how can I resolve this error?
Added By: Constant (DevExpress Support) at: 7/30/2015 12:39:46 AMThe problem likely appears because you use the Dashboard Suite version, which does not support this functionality. This interface and other required members were introduced only in version 15.1.5. If you use an older version, it is necessary to upgrade it to use this functionality.
Added By: Genesis Supsup 1 at: 12/12/2015 8:52:23 PMDoes this work in 15.2 or higher versions?
See the How to work with referenced properties via a simple drop down list instead of the standard LookupPropertyEditor KB article for more information.
I'm not able to see K18169. When I try it says: You can't view this question because it is marked as private.
Added By: Gustavo Marzioni at: 8/27/2012 2:45:42 PMit doesn't work when you create several hundred of Demolookup objects
Added By: Hurzi! at: 9/11/2012 10:30:56 PMK18169 is still marked as private...
Added By: Jeffrey E at: 12/13/2015 3:50:53 AMHi Support,
I tried this example, but I noticed that when I input in the lookupedit for instance I input letter P, instead letter N appeared. Please see the screenshot - http://screencast-o-matic.com/watch/colIXChv40. I want to make the lookupedit a search text, I removed the arrow button then autofilter.
Thanks.
The following example shows how to create closed (hidden) panels. To create closed panels, panel objects are added to the DockLayoutManager.ClosedPanels collection.
In the example, the built-in Closed Panels bar is visible (the DockLayoutManager.ClosedPanelsBarVisibility property is set to Auto). It allows closed panels to be restored on the fly.
What if you want a panel to be closed initially, but also want to set the initial docking location? In this example the panel is initially closed, but once it becomes visible it is floating and isn't docked anywhere.
Added By: Alexander Rus (DevExpress Support) at: 6/4/2015 10:06:15 AMHi Chris,
To process your recent post more efficiently, I created a separate ticket on your behalf: T251406: How to create closed panels with predefined location. This ticket is currently in our processing queue. Our team will address it as soon as we have any updates.
Thanks,
Alexander
This example shows how to dock a panel in code using the methods provided by the DockLayoutManager.DockController object.
In the Button1_Click event handler, a panel is docked to another panel forming a split container (two panels are displayed side by side). In the Button2_Click event handler, a panel is docked to another panel forming a tabbed group.
This example shows how to create auto-hidden panels in XAML.
To create auto-hidden panels:
1) AutoHideGroup objects are added to the DockManager.AutoHideGroups collection.
2) Panels are added to the corresponding AutoHideGroup object.
The following example shows how to create floating panels.
To create a floating panel:
1) A FloatGroup is added to the DockManager.FloatGroups collection
2) A LayoutPanel(s) is added to the created FloatGroup.
In this example, MDI mode is enabled for a DocumentGroup via the MDIStyle property. In this mode, the DocumentGroup's panels are represented as floating windows.
This example shows how to arrange controls within LayoutPanels forming a custom layout.
In the example two LayoutPanels are created with controls arranged in a specific manner. Each control is wrapped into a LayoutControlItem object. The LayoutControlItem objects are combined together using LayoutGroup objects.
This example shows how to programmatically move a layout item to another position. To move layout items, the DockLayoutManager.LayoutController.Move method is used.
In the example, an item is moved on the left of another item.
This example demonstrates how to build a dock UI according to the MVVM design pattern by implementing the IMVVMDockingProperties interface. This interface provides you a way to specify target groups for each of your view models.
More information on this approach can be found at: MVVM Support - Building Dock UI
Another approach to building a dock UI according to the MVVM design pattern is shown in the example: How to create the MVVM DockLayoutManager using LayoutAdapter