{"id":1623,"date":"2024-04-27T20:45:41","date_gmt":"2024-04-27T18:45:41","guid":{"rendered":"https:\/\/easyrevitapi.com\/?p=1623"},"modified":"2024-04-29T10:28:43","modified_gmt":"2024-04-29T08:28:43","slug":"m-v-vm-pattern-for-revit-part-3","status":"publish","type":"post","link":"https:\/\/easyrevitapi.com\/index.php\/2024\/04\/27\/m-v-vm-pattern-for-revit-part-3\/","title":{"rendered":"M-V-VM Pattern for Revit, part 3"},"content":{"rendered":"\n

In the previous articles of this three-part series<\/em>, we explored the foundational principles of the M<\/mark>odel-V<\/mark>iew-V<\/mark>iewM<\/mark>odel pattern for Revit add-in development. We began constructing a simple add-in<\/a> to demonstrate these concepts, such as how to display Model <\/strong>data to the user.

As we dive deeper into the specificities of the M-V-VM pattern and the WPF technology, our third and final article will focus on the dynamic interaction between the View<\/strong> and the ViewModel <\/strong>layers. This article will guide you through handling user inputs, processing them through the Model <\/strong>layer, and ultimately displaying the results back in the View<\/strong>.<\/p>\n\n\n\n

We will simplify complex WPF and M-V-VM concepts as we continue our exploration of software architecture. Building on our add-in’s example, we’ll continue illustrating some of the key points we’ve discussed before, such as data binding<\/span> and the separation of concerns<\/span>.<\/p>\n\n\n\n

The entire project setup used in this series can be retrieved on GitHub<\/a>.<\/p>\n\n\n\n

Handling user’s events<\/h4>\n\n\n\n

Wall type selection<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

As seen in the previous article, we have configured our add-in window’s ComboBox control to display the Revit model’s wall types. Now, we need to register the user’s wall type selection, for the add-in to later process it and return its related width.<\/p>\n\n\n\n

As a reminder, the ViewModel <\/strong>layer is responsible for storing the user’s selections and handling responses to user events. To record the user’s choice of wall type from the UI, we’ll introduce a new field in our ViewModel<\/mark> class that we’ll name _selectedWallType<\/mark>.<\/p>\n\n\n\n

Yet, we still need to establish a link between the window’s Combo Box and this new field. For this purpose, we’ll use the WPF data binding<\/span> feature. Our add-in’s architecture graphic may then be updated as follows :<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

To implement data binding, we need to update the window’s XAML code. We may do so by assigning the “{Binding SelectedWallType}”<\/mark> keyword to the ComboBox’s SelectedItem <\/mark>property. <\/p>\n\n\n\n

Since we’ve set the ViewModel <\/mark>class as the window’s data context, the SelectedWallType<\/mark> keyword refers to the ViewModel<\/mark>.SelectedWallType<\/mark>, which is a public property encapsulating the private ViewModel<\/mark>._selectedWallType<\/mark> field.
<\/p>\n\n\n\n


<\/p>\n\n\n\n

The window\u2019s XAML code<\/strong><\/strong> (Updated)<\/em><\/p>\n\n\n\n


<\/p>\n\n\n\n

<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
<<\/span>Window<\/span> <\/span>x:Class<\/span>=<\/span>"WallTypesDisplayer.MainWindow"<\/span><\/span>\n             <\/span>xmlns<\/span>=<\/span>"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation"<\/span><\/span>\n             <\/span>xmlns:x<\/span>=<\/span>"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml"<\/span><\/span>\n             <\/span>xmlns:mc<\/span>=<\/span>"http:\/\/schemas.openxmlformats.org\/markup-compatibility\/2006"<\/span> <\/span><\/span>\n             <\/span>xmlns:d<\/span>=<\/span>"http:\/\/schemas.microsoft.com\/expression\/blend\/2008"<\/span> <\/span><\/span>\n             <\/span>xmlns:local<\/span>=<\/span>"clr-namespace:WallTypesDisplayer"<\/span><\/span>\n             <\/span>mc:Ignorable<\/span>=<\/span>"d"<\/span> <\/span><\/span>\n        <\/span><\/span>\n             <\/span>Height<\/span>= <\/span>"330"<\/span> <\/span><\/span>\n             <\/span>Width<\/span>=<\/span>"500"<\/span> <\/span><\/span>\n><\/span><\/span>\n    <\/span><<\/span>Grid<\/span>><\/span><\/span>\n        <\/span><<\/span>ComboBox<\/span> <\/span>ItemsSource<\/span> =<\/span>"{Binding RevitDocumentWallTypes}"<\/span> <\/span>DisplayMemberPath<\/span>=<\/span>"Name"<\/span> <\/span>SelectedItem<\/span>=<\/span>"{Binding SelectedWallType}"<\/span> <\/span>HorizontalAlignment<\/span>=<\/span>"Left"<\/span> <\/span>Height<\/span>=<\/span>"22"<\/span> <\/span>Margin<\/span>=<\/span>"206,130,0,0"<\/span> <\/span>VerticalAlignment<\/span>=<\/span>"Top"<\/span> <\/span>Width<\/span>=<\/span>"232"<\/span>\/><\/span><\/span>\n        <\/span><<\/span>Label<\/span> <\/span>HorizontalAlignment<\/span>=<\/span>"Left"<\/span> <\/span>Height<\/span>=<\/span>"26"<\/span> <\/span>Margin<\/span>=<\/span>"206,163,0,0"<\/span> <\/span>VerticalAlignment<\/span>=<\/span>"Top"<\/span> <\/span>Width<\/span>=<\/span>"232"<\/span> <\/span>Foreground<\/span>=<\/span>"Black"<\/span> <\/span>FontWeight<\/span>=<\/span>"SemiBold"<\/span>\/><\/span><\/span>\n        <\/span><<\/span>Button<\/span> <\/span>Content<\/span>=<\/span>"Return type width"<\/span> <\/span>HorizontalAlignment<\/span>=<\/span>"Left"<\/span> <\/span>Height<\/span>=<\/span>"23"<\/span> <\/span>Margin<\/span>=<\/span>"202,242,0,0"<\/span> <\/span>VerticalAlignment<\/span>=<\/span>"Top"<\/span> <\/span>Width<\/span>=<\/span>"153"<\/span> <\/span>RenderTransformOrigin<\/span>=<\/span>"0.5,0.5"<\/span>><\/<\/span>Button<\/span>><\/span><\/span>\n        <\/span><<\/span>TextBlock<\/span> <\/span>HorizontalAlignment<\/span>=<\/span>"Left"<\/span> <\/span>Height<\/span>=<\/span>"19"<\/span> <\/span>Margin<\/span>=<\/span>"49,130,0,0"<\/span> <\/span>TextWrapping<\/span>=<\/span>"Wrap"<\/span> <\/span>VerticalAlignment<\/span>=<\/span>"Top"<\/span> <\/span>Width<\/span>=<\/span>"136"<\/span> <\/span>FontWeight<\/span>=<\/span>"DemiBold"<\/span>><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"Document "<\/span>\/><<\/span>Run<\/span> <\/span>Language<\/span>=<\/span>"fr-fr"<\/span> <\/span>Text<\/span>=<\/span>"w"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"all "<\/span>\/><<\/span>Run<\/span> <\/span>Language<\/span>=<\/span>"fr-fr"<\/span> <\/span>Text<\/span>=<\/span>"t"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"ypes"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>" :"<\/span>\/><\/<\/span>TextBlock<\/span>><\/span><\/span>\n        <\/span><<\/span>TextBlock<\/span> <\/span>HorizontalAlignment<\/span>=<\/span>"Left"<\/span> <\/span>Height<\/span>=<\/span>"45"<\/span> <\/span>Margin<\/span>=<\/span>"45,30,0,0"<\/span> <\/span>TextWrapping<\/span>=<\/span>"Wrap"<\/span> <\/span>VerticalAlignment<\/span>=<\/span>"Top"<\/span> <\/span>Width<\/span>=<\/span>"294"<\/span> <\/span>FontSize<\/span>=<\/span>"28"<\/span> <\/span>FontWeight<\/span>=<\/span>"Light"<\/span>><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"W"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"all"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>" types"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>" "<\/span>\/><<\/span>Run<\/span> <\/span>Language<\/span>=<\/span>"fr-fr"<\/span> <\/span>Text<\/span>=<\/span>"width"<\/span>\/><\/<\/span>TextBlock<\/span>><\/span><\/span>\n        <\/span><<\/span>TextBlock<\/span> <\/span>HorizontalAlignment<\/span>=<\/span>"Left"<\/span> <\/span>Height<\/span>=<\/span>"18"<\/span> <\/span>Margin<\/span>=<\/span>"49,168,0,0"<\/span> <\/span>TextWrapping<\/span>=<\/span>"Wrap"<\/span> <\/span>VerticalAlignment<\/span>=<\/span>"Top"<\/span> <\/span>Width<\/span>=<\/span>"136"<\/span> <\/span>FontWeight<\/span>=<\/span>"DemiBold"<\/span>><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"Wall "<\/span>\/><<\/span>Run<\/span> <\/span>Language<\/span>=<\/span>"fr-fr"<\/span> <\/span>Text<\/span>=<\/span>"t"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"ype"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>" width "<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"(mm)"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>" "<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>":"<\/span>\/><\/<\/span>TextBlock<\/span>><\/span><\/span>\n<\/span>\n    <\/span><\/<\/span>Grid<\/span>><\/span><\/span>\n<\/<\/span>Window<\/span>><\/span><\/span>\n<\/span><\/code><\/pre><\/div>\n\n\n\n

Returning wall type width<\/strong><\/p>\n\n\n\n
When the user selects a wall type, they can retrieve the corresponding width by clicking the ‘Return type width’ button. This action will make our add-in process an input (the chosen wall type)<\/em> and display its related output (the wall type’s width)<\/em> on the window.<\/p>\n\n\n\n
Remember that for data to be displayed in a window, it needs to be stored in the ViewModel <\/strong>layer. For this purpose, we’ll add a _selectedWallTypeWidth<\/strong> field to our ViewModel<\/mark> class, updated whenever the user selects a wall type and asks for its width.<\/p>\n\n\n\n
Additionally, we’ll introduce a new method, UpdateSelectedWallTypeWidth()<\/mark>, in the ViewModel <\/mark>class, which will update the ViewModel<\/mark>._selectedWallTypeWidth<\/strong> field in response to user action.<\/p>\n\n\n\n
As we’ll later see, this method would also trigger logic within the Model<\/strong> layer. This design allows flexibilit<\/span>y, and reinforces the ViewModel<\/mark>‘s<\/mark> role as a coordinator between the view and the model.<\/span><\/p>\n\n\n\n
The following graphic shows how the ViewModel<\/mark>.UpdateSelectedWallTypeWidth()<\/mark> method is launched when the user pushes the “Return type width” button :<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n

As seen previously, a WPF window is defined by a layout (XAML code)<\/em> and a code-behind (C#)<\/em>. The window’s code-behind is where we define what shall happen when a window’s button is pressed. We do this by creating a new MainWindow<\/mark>.MainButtonAction()<\/mark> method, which will call the  ViewModel<\/mark>.UpdateSelectedWallTypeWidth<\/mark>() method as the following : <\/p>\n\n\n\n

<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
using<\/span> <\/span>System<\/span>.<\/span>Windows<\/span>;<\/span><\/span>\nusing<\/span> <\/span>WallTypesDisplayer<\/span>.<\/span>ProjectViewModel<\/span>;<\/span><\/span>\nusing<\/span> <\/span>Autodesk<\/span>.<\/span>Revit<\/span>.<\/span>DB<\/span>;<\/span><\/span>\n<\/span>\n<\/span>\nnamespace<\/span> <\/span>WallTypesDisplayer<\/span><\/span>\n{<\/span><\/span>\n    <\/span>public<\/span> <\/span>partial<\/span> <\/span>class<\/span> <\/span>MainWindow<\/span> : <\/span>Window<\/span><\/span>\n    {<\/span><\/span>\n        <\/span>private<\/span> <\/span>ViewModel<\/span> _viewModel;<\/span><\/span>\n        <\/span>public<\/span> <\/span>ViewModel<\/span> ViewModel { <\/span>get<\/span> { <\/span>return<\/span> <\/span>_viewModel<\/span>; } }<\/span><\/span>\n<\/span>\n        <\/span>public<\/span> <\/span>MainWindow<\/span>(<\/span>ViewModel<\/span> vModel)<\/span><\/span>\n        {<\/span><\/span>\n            <\/span>InitializeComponent<\/span>();<\/span><\/span>\n<\/span>\n            <\/span>this<\/span>.<\/span>_viewModel<\/span> <\/span>=<\/span> <\/span>vModel<\/span>;<\/span><\/span>\n            <\/span>DataContext<\/span> <\/span>=<\/span> <\/span>this<\/span>.<\/span>_viewModel<\/span>;<\/span><\/span>\n        }<\/span><\/span>\n<\/span>\n        <\/span>private<\/span> <\/span>void<\/span> <\/span>MainButtonAction<\/span>(<\/span>object<\/span> sender, <\/span>RoutedEventArgs<\/span> e) <\/span><\/span>\n        {<\/span><\/span>\n            <\/span>this<\/span>.<\/span>_viewModel<\/span>.<\/span>UpdateSelectedWallTypeWidth<\/span>();<\/span><\/span>\n        }<\/span><\/span>\n    }<\/span><\/span>\n}<\/span><\/span>\n<\/span><\/code><\/pre><\/div>\n\n\n\n
<\/p>\n\n\n\n

We then define an event handler <\/mark><\/strong><\/mark><\/strong>for the window’s button. This handler is linked to the MainButtonAction()<\/mark> method in the window’s code-behind. We accomplish this by using the Click <\/strong>attribute in the button\u2019s XAML code, as follows :
<\/p>\n\n\n\n
The window\u2019s XAML code<\/strong><\/strong> (Updated)<\/em><\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
<<\/span>Window<\/span> <\/span>x:Class<\/span>=<\/span>"WallTypesDisplayer.MainWindow"<\/span><\/span>\n             <\/span>xmlns<\/span>=<\/span>"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation"<\/span><\/span>\n             <\/span>xmlns:x<\/span>=<\/span>"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml"<\/span><\/span>\n             <\/span>xmlns:mc<\/span>=<\/span>"http:\/\/schemas.openxmlformats.org\/markup-compatibility\/2006"<\/span> <\/span><\/span>\n             <\/span>xmlns:d<\/span>=<\/span>"http:\/\/schemas.microsoft.com\/expression\/blend\/2008"<\/span> <\/span><\/span>\n             <\/span>xmlns:local<\/span>=<\/span>"clr-namespace:WallTypesDisplayer"<\/span><\/span>\n             <\/span>mc:Ignorable<\/span>=<\/span>"d"<\/span> <\/span><\/span>\n        <\/span><\/span>\n             <\/span>Height<\/span>= <\/span>"330"<\/span> <\/span><\/span>\n             <\/span>Width<\/span>=<\/span>"500"<\/span> <\/span><\/span>\n><\/span><\/span>\n    <\/span><<\/span>Grid<\/span>><\/span><\/span>\n        <\/span><<\/span>ComboBox<\/span> <\/span>ItemsSource<\/span> =<\/span>"{Binding RevitDocumentWallTypes}"<\/span> <\/span>DisplayMemberPath<\/span>=<\/span>"Name"<\/span> <\/span>HorizontalAlignment<\/span>=<\/span>"Left"<\/span> <\/span>Height<\/span>=<\/span>"19"<\/span> <\/span>Margin<\/span>=<\/span>"206,130,0,0"<\/span> <\/span>VerticalAlignment<\/span>=<\/span>"Top"<\/span> <\/span>Width<\/span>=<\/span>"232"<\/span>\/><\/span><\/span>\n        <\/span><<\/span>Label<\/span> <\/span>HorizontalAlignment<\/span>=<\/span>"Left"<\/span> <\/span>Height<\/span>=<\/span>"26"<\/span> <\/span>Margin<\/span>=<\/span>"206,163,0,0"<\/span> <\/span>VerticalAlignment<\/span>=<\/span>"Top"<\/span> <\/span>Width<\/span>=<\/span>"232"<\/span> <\/span>Foreground<\/span>=<\/span>"Black"<\/span> <\/span>FontWeight<\/span>=<\/span>"SemiBold"<\/span>\/><\/span><\/span>\n        <\/span><<\/span>Button<\/span> <\/span>Content<\/span>=<\/span>"Return type width"<\/span> <\/span>Click<\/span>=<\/span>"MainButtonAction"<\/span> <\/span>HorizontalAlignment<\/span>=<\/span>"Left"<\/span> <\/span>Height<\/span>=<\/span>"23"<\/span> <\/span>Margin<\/span>=<\/span>"202,242,0,0"<\/span> <\/span>VerticalAlignment<\/span>=<\/span>"Top"<\/span> <\/span>Width<\/span>=<\/span>"153"<\/span> <\/span>RenderTransformOrigin<\/span>=<\/span>"0.5,0.5"<\/span>><\/<\/span>Button<\/span>><\/span><\/span>\n        <\/span><<\/span>TextBlock<\/span> <\/span>HorizontalAlignment<\/span>=<\/span>"Left"<\/span> <\/span>Height<\/span>=<\/span>"19"<\/span> <\/span>Margin<\/span>=<\/span>"49,130,0,0"<\/span> <\/span>TextWrapping<\/span>=<\/span>"Wrap"<\/span> <\/span>VerticalAlignment<\/span>=<\/span>"Top"<\/span> <\/span>Width<\/span>=<\/span>"136"<\/span> <\/span>FontWeight<\/span>=<\/span>"DemiBold"<\/span>><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"Document "<\/span>\/><<\/span>Run<\/span> <\/span>Language<\/span>=<\/span>"fr-fr"<\/span> <\/span>Text<\/span>=<\/span>"w"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"all "<\/span>\/><<\/span>Run<\/span> <\/span>Language<\/span>=<\/span>"fr-fr"<\/span> <\/span>Text<\/span>=<\/span>"t"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"ypes"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>" :"<\/span>\/><\/<\/span>TextBlock<\/span>><\/span><\/span>\n        <\/span><<\/span>TextBlock<\/span> <\/span>HorizontalAlignment<\/span>=<\/span>"Left"<\/span> <\/span>Height<\/span>=<\/span>"45"<\/span> <\/span>Margin<\/span>=<\/span>"45,30,0,0"<\/span> <\/span>TextWrapping<\/span>=<\/span>"Wrap"<\/span> <\/span>VerticalAlignment<\/span>=<\/span>"Top"<\/span> <\/span>Width<\/span>=<\/span>"294"<\/span> <\/span>FontSize<\/span>=<\/span>"28"<\/span> <\/span>FontWeight<\/span>=<\/span>"Light"<\/span>><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"W"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"all"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>" types"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>" "<\/span>\/><<\/span>Run<\/span> <\/span>Language<\/span>=<\/span>"fr-fr"<\/span> <\/span>Text<\/span>=<\/span>"width"<\/span>\/><\/<\/span>TextBlock<\/span>><\/span><\/span>\n        <\/span><<\/span>TextBlock<\/span> <\/span>HorizontalAlignment<\/span>=<\/span>"Left"<\/span> <\/span>Height<\/span>=<\/span>"18"<\/span> <\/span>Margin<\/span>=<\/span>"49,168,0,0"<\/span> <\/span>TextWrapping<\/span>=<\/span>"Wrap"<\/span> <\/span>VerticalAlignment<\/span>=<\/span>"Top"<\/span> <\/span>Width<\/span>=<\/span>"136"<\/span> <\/span>FontWeight<\/span>=<\/span>"DemiBold"<\/span>><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"Wall "<\/span>\/><<\/span>Run<\/span> <\/span>Language<\/span>=<\/span>"fr-fr"<\/span> <\/span>Text<\/span>=<\/span>"t"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"ype"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>" width "<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"(mm)"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>" "<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>":"<\/span>\/><\/<\/span>TextBlock<\/span>><\/span><\/span>\n<\/span>\n    <\/span><\/<\/span>Grid<\/span>><\/span><\/span>\n<\/<\/span>Window<\/span>><\/span><\/span><\/code><\/pre><\/div>\n\n\n\n

<\/p>\n\n\n\n
Processing the user’s selection<\/h4>\n\n\n\n
So far, we designed an application layout for listening to and handling the user’s selection and events. Let’s now see how to design and implement our add-in’s logic-related parts. 

Let’s now create a WallTypeData<\/mark> class, to handle the retrieval of wall types data. We’ll also add a RetrieveWidth()<\/mark> static method to this class to fetch the width for each specific wall type. Since it processes elements from the Revit database, this method belongs to the Model<\/strong> layer.<\/p>\n\n\n\n
As seen previously, the ViewModel<\/mark>.UpdateSelectedWallTypeWidth()<\/mark> method plays a coordinator role between the View <\/strong>layer (user’s selection and events)<\/em>, and the Model <\/strong>layer (The logic that processes the user’s selection)<\/em>. The following graphic represents this principle :
<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n
The ViewModel<\/mark>.UpdateSelectedWallTypeWidth()<\/mark> method calls WallTypeData<\/mark>.RetrieveWidth()<\/mark> with the user-selected wall type, then stores the returned width value in the ViewModel<\/mark>._selectedWallTypeWidth<\/strong> field for display by the add-in’s window. 

The principle is that ViewModel <\/strong>layer methods delegate user selection processing to the Model<\/strong> layer methods, maintaining a clear separation of concerns. This approach ensures the ViewModel <\/strong>is an interface that models the View<\/strong>, enhancing modularity and extensibility for future functionalities in our add-in<\/span>.<\/p>\n\n\n\n
The WallTypeData<\/mark>.RetrieveWidth()<\/mark> method could be implemented as following :<\/p>\n\n\n\n

The WallTypesData<\/strong> class<\/strong>  <\/em>:<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
using<\/span> <\/span>System<\/span>.<\/span>Linq<\/span>;<\/span><\/span>\nusing<\/span> <\/span>System<\/span>.<\/span>Text<\/span>;<\/span><\/span>\nusing<\/span> <\/span>System<\/span>.<\/span>Threading<\/span>.<\/span>Tasks<\/span>;<\/span><\/span>\nusing<\/span> <\/span>Autodesk<\/span>.<\/span>Revit<\/span>.<\/span>DB<\/span>;<\/span><\/span>\n<\/span>\nnamespace<\/span> <\/span>WallTypesDisplayer<\/span>.<\/span>Model<\/span><\/span>\n{<\/span><\/span>\n    <\/span>public<\/span> <\/span>class<\/span> <\/span>WallTypeData<\/span><\/span>\n    {<\/span><\/span>\n        <\/span>public<\/span> <\/span>static<\/span> <\/span>double<\/span> <\/span>ReturnWidth<\/span>(<\/span>WallType<\/span> wallType) <\/span><\/span>\n        {<\/span><\/span>\n            <\/span>double<\/span> WallTypeWidth_Feet <\/span>=<\/span> <\/span>wallType<\/span>.<\/span>Width<\/span>;<\/span><\/span>\n            <\/span>double<\/span> WallTypeWidth_Millimeters <\/span>=<\/span> <\/span>WallTypeWidth_Feet<\/span> <\/span>*<\/span> <\/span>304.8<\/span>;<\/span><\/span>\n            <\/span>return<\/span> <\/span>WallTypeWidth_Millimeters<\/span>;<\/span><\/span>\n        }<\/span><\/span>\n    }<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n

The ViewModel class<\/strong> (Updated)<\/em>
<\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
namespace<\/span> <\/span>WallTypesDisplayer<\/span>.<\/span>ProjectViewModel<\/span> <\/span><\/span>\n{<\/span><\/span>\n    <\/span>public<\/span> <\/span>class<\/span> <\/span>ViewModel<\/span><\/span>\n    {<\/span><\/span>\n        <\/span>private<\/span> <\/span>Document<\/span> _revitDocument;<\/span><\/span>\n        <\/span>public<\/span> <\/span>Document<\/span> RevitDocument <\/span><\/span>\n        {<\/span><\/span>\n            <\/span>get<\/span> { <\/span>return<\/span> <\/span>_revitDocument<\/span>; }<\/span><\/span>\n            <\/span>set<\/span> { <\/span>_revitDocument<\/span> <\/span>=<\/span> <\/span>value<\/span>; }     <\/span><\/span>\n        }<\/span><\/span>\n<\/span>\n        <\/span>private<\/span> <\/span>List<\/span><<\/span>WallType<\/span>> _revitDocumentWallTypes;<\/span><\/span>\n        <\/span>public<\/span> <\/span>List<\/span><<\/span>WallType<\/span>> RevitDocumentWallTypes<\/span><\/span>\n        {<\/span><\/span>\n            <\/span>get<\/span> { <\/span>return<\/span> <\/span>_revitDocumentWallTypes<\/span>; }<\/span><\/span>\n            <\/span>set<\/span> { <\/span>_revitDocumentWallTypes<\/span> <\/span>=<\/span> <\/span>value<\/span>; }<\/span><\/span>\n        }<\/span><\/span>\n<\/span>\n        <\/span>private<\/span> <\/span>WallType<\/span> _selectedWallType;<\/span><\/span>\n        <\/span>public<\/span> <\/span>WallType<\/span> SelectedWallType<\/span><\/span>\n        {<\/span><\/span>\n            <\/span>get<\/span> { <\/span>return<\/span> <\/span>_selectedWallType<\/span>; }<\/span><\/span>\n            <\/span>set<\/span> { <\/span>_selectedWallType<\/span> <\/span>=<\/span> <\/span>value<\/span>; }<\/span><\/span>\n        }<\/span><\/span>\n        <\/span><\/span>\n        <\/span>private<\/span> <\/span>double<\/span> _selectedWallTypeWidth;<\/span><\/span>\n        <\/span>public<\/span> <\/span>double<\/span> SelectedWallTypeWidth<\/span><\/span>\n        {<\/span><\/span>\n            <\/span>get<\/span> { <\/span>return<\/span> <\/span>_selectedWallTypeWidth<\/span>; }<\/span><\/span>\n            <\/span>set<\/span> { <\/span>_selectedWallTypeWidth<\/span> <\/span>=<\/span> <\/span>value<\/span>;}<\/span><\/span>\n        }<\/span><\/span>\n<\/span>\n        <\/span>public<\/span> <\/span>ViewModel<\/span>(<\/span>Document<\/span> rvtDocument)<\/span><\/span>\n        {<\/span><\/span>\n            <\/span>this<\/span>.<\/span>RevitDocument<\/span> <\/span>=<\/span> <\/span>rvtDocument<\/span>;<\/span><\/span>\n            <\/span>this<\/span>.<\/span>RevitDocumentWallTypes<\/span> <\/span>=<\/span> <\/span>DocumentTypesExtractor<\/span>.<\/span>ExtractWallTypes<\/span>(<\/span>this<\/span>.<\/span>RevitDocument<\/span> );<\/span><\/span>\n        }<\/span><\/span>\n        <\/span><\/span>\n        <\/span>public<\/span> <\/span>void<\/span> <\/span>UpdateSelectedWallTypeWidth<\/span>()<\/span><\/span>\n        {<\/span><\/span>\n            <\/span>this<\/span>.<\/span>SelectedWallTypeWidth<\/span> <\/span>=<\/span> <\/span>WallTypeData<\/span>.<\/span>ReturnWidth<\/span>(<\/span>this<\/span>.<\/span>SelectedWallType<\/span>);<\/span><\/span>\n        }<\/span><\/span>\n        <\/span><\/span>\n    }<\/span><\/span>\n}<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n

<\/p>\n\n\n\n
Displaying wall type’s width on the window<\/h4>\n\n\n\n

So far, we retrieved the wall type’s width and stored it in the ViewModel <\/mark>class. Let’s finally see how to display this information on our add-in’s window.<\/p>\n\n\n\n
We may use data binding<\/span> again to connect the window’s label, as the UI element that displays information, with the ViewModel<\/mark>._selectedWallTypeWidth <\/strong>field. The following graphic and updated XAML code show this principle :<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n

The window\u2019s XAML code<\/strong><\/strong> (Updated)<\/em><\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
<<\/span>Window<\/span> <\/span>x:Class<\/span>=<\/span>"WallTypesDisplayer.MainWindow"<\/span><\/span>\n             <\/span>xmlns<\/span>=<\/span>"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml\/presentation"<\/span><\/span>\n             <\/span>xmlns:x<\/span>=<\/span>"http:\/\/schemas.microsoft.com\/winfx\/2006\/xaml"<\/span><\/span>\n             <\/span>xmlns:mc<\/span>=<\/span>"http:\/\/schemas.openxmlformats.org\/markup-compatibility\/2006"<\/span> <\/span><\/span>\n             <\/span>xmlns:d<\/span>=<\/span>"http:\/\/schemas.microsoft.com\/expression\/blend\/2008"<\/span> <\/span><\/span>\n             <\/span>xmlns:local<\/span>=<\/span>"clr-namespace:WallTypesDisplayer"<\/span><\/span>\n             <\/span>mc:Ignorable<\/span>=<\/span>"d"<\/span> <\/span><\/span>\n        <\/span><\/span>\n             <\/span>Height<\/span>= <\/span>"330"<\/span> <\/span><\/span>\n             <\/span>Width<\/span>=<\/span>"500"<\/span> <\/span><\/span>\n><\/span><\/span>\n    <\/span><<\/span>Grid<\/span>><\/span><\/span>\n        <\/span><<\/span>ComboBox<\/span> <\/span>ItemsSource<\/span> =<\/span>"{Binding RevitDocumentWallTypes}"<\/span> <\/span>SelectedItem<\/span>=<\/span>"{Binding SelectedWallType}"<\/span> <\/span>DisplayMemberPath<\/span>=<\/span>"Name"<\/span> <\/span>HorizontalAlignment<\/span>=<\/span>"Left"<\/span> <\/span>Height<\/span>=<\/span>"22"<\/span> <\/span>Margin<\/span>=<\/span>"206,130,0,0"<\/span> <\/span>VerticalAlignment<\/span>=<\/span>"Top"<\/span> <\/span>Width<\/span>=<\/span>"232"<\/span>\/><\/span><\/span>\n        <\/span><<\/span>Label<\/span> <\/span>Content<\/span>=<\/span>"{Binding SelectedWallTypeWidth}"<\/span> <\/span>HorizontalAlignment<\/span>=<\/span>"Left"<\/span> <\/span>Height<\/span>=<\/span>"26"<\/span> <\/span>Margin<\/span>=<\/span>"206,163,0,0"<\/span> <\/span>VerticalAlignment<\/span>=<\/span>"Top"<\/span> <\/span>Width<\/span>=<\/span>"232"<\/span> <\/span>Foreground<\/span>=<\/span>"Black"<\/span> <\/span>FontWeight<\/span>=<\/span>"SemiBold"<\/span>\/><\/span><\/span>\n        <\/span><<\/span>Button<\/span> <\/span>Content<\/span>=<\/span>"Return type width"<\/span> <\/span>Click<\/span>=<\/span>"MainButtonAction"<\/span> <\/span>HorizontalAlignment<\/span>=<\/span>"Left"<\/span> <\/span>Height<\/span>=<\/span>"23"<\/span> <\/span>Margin<\/span>=<\/span>"202,242,0,0"<\/span> <\/span>VerticalAlignment<\/span>=<\/span>"Top"<\/span> <\/span>Width<\/span>=<\/span>"153"<\/span> <\/span>RenderTransformOrigin<\/span>=<\/span>"0.5,0.5"<\/span>><\/<\/span>Button<\/span>><\/span><\/span>\n        <\/span><<\/span>TextBlock<\/span> <\/span>HorizontalAlignment<\/span>=<\/span>"Left"<\/span> <\/span>Height<\/span>=<\/span>"19"<\/span> <\/span>Margin<\/span>=<\/span>"49,130,0,0"<\/span> <\/span>TextWrapping<\/span>=<\/span>"Wrap"<\/span> <\/span>VerticalAlignment<\/span>=<\/span>"Top"<\/span> <\/span>Width<\/span>=<\/span>"136"<\/span> <\/span>FontWeight<\/span>=<\/span>"DemiBold"<\/span>><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"Document "<\/span>\/><<\/span>Run<\/span> <\/span>Language<\/span>=<\/span>"fr-fr"<\/span> <\/span>Text<\/span>=<\/span>"w"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"all "<\/span>\/><<\/span>Run<\/span> <\/span>Language<\/span>=<\/span>"fr-fr"<\/span> <\/span>Text<\/span>=<\/span>"t"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"ypes"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>" :"<\/span>\/><\/<\/span>TextBlock<\/span>><\/span><\/span>\n        <\/span><<\/span>TextBlock<\/span> <\/span>HorizontalAlignment<\/span>=<\/span>"Left"<\/span> <\/span>Height<\/span>=<\/span>"45"<\/span> <\/span>Margin<\/span>=<\/span>"45,30,0,0"<\/span> <\/span>TextWrapping<\/span>=<\/span>"Wrap"<\/span> <\/span>VerticalAlignment<\/span>=<\/span>"Top"<\/span> <\/span>Width<\/span>=<\/span>"294"<\/span> <\/span>FontSize<\/span>=<\/span>"28"<\/span> <\/span>FontWeight<\/span>=<\/span>"Light"<\/span>><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"W"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"all"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>" types"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>" "<\/span>\/><<\/span>Run<\/span> <\/span>Language<\/span>=<\/span>"fr-fr"<\/span> <\/span>Text<\/span>=<\/span>"width"<\/span>\/><\/<\/span>TextBlock<\/span>><\/span><\/span>\n        <\/span><<\/span>TextBlock<\/span> <\/span>HorizontalAlignment<\/span>=<\/span>"Left"<\/span> <\/span>Height<\/span>=<\/span>"18"<\/span> <\/span>Margin<\/span>=<\/span>"49,168,0,0"<\/span> <\/span>TextWrapping<\/span>=<\/span>"Wrap"<\/span> <\/span>VerticalAlignment<\/span>=<\/span>"Top"<\/span> <\/span>Width<\/span>=<\/span>"136"<\/span> <\/span>FontWeight<\/span>=<\/span>"DemiBold"<\/span>><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"Wall "<\/span>\/><<\/span>Run<\/span> <\/span>Language<\/span>=<\/span>"fr-fr"<\/span> <\/span>Text<\/span>=<\/span>"t"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"ype"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>" width "<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>"(mm)"<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>" "<\/span>\/><<\/span>Run<\/span> <\/span>Text<\/span>=<\/span>":"<\/span>\/><\/<\/span>TextBlock<\/span>><\/span><\/span>\n<\/span>\n    <\/span><\/<\/span>Grid<\/span>><\/span><\/span>\n<\/<\/span>Window<\/span>><\/span><\/span>\n<\/span><\/code><\/pre><\/div>\n\n\n\n

<\/p>\n\n\n\n
The highlighted line in the XAML code above establishes data binding between the window’s Label and the ViewModel<\/mark>._selectedWallTypeWidth<\/strong> field, by assigning the “{Binding SelectedWallTypeWidth}”<\/mark> to the Label’s Content<\/strong> property. The add-in’s window is now connected and “listens” to the ViewModel<\/mark> class. <\/p>\n\n\n\n
We would also like the window to be automatically updated each time the user asks for another wall type. We need to set up an automated process for this purpose, by having the ViewModel <\/mark>class implement the INotifyPropertyChanged <\/mark>interface.

In object-oriented programming, an interface is a set of functionalities that form a contract allowing different parts of an application to communicate<\/span>. Such contract makes a class have certain methods and properties necessary to exchange data with other code parts. Let’s see the updated version of the ViewModel <\/mark>class to understand this principle :<\/p>\n\n\n\n

The ViewModel class<\/strong> (Updated)<\/em><\/p>\n\n\n\n
<\/circle><\/circle><\/circle><\/g><\/svg><\/span><\/path><\/path><\/svg><\/span>
namespace<\/span> <\/span>WallTypesDisplayer<\/span>.<\/span>ProjectViewModel<\/span> <\/span><\/span>\n{<\/span><\/span>\n    <\/span>public<\/span> <\/span>class<\/span> <\/span>ViewModel<\/span> : <\/span>INotifyPropertyChanged<\/span><\/span>\n    {<\/span><\/span>\n        <\/span>public<\/span> <\/span>event<\/span> <\/span>PropertyChangedEventHandler<\/span> PropertyChanged;<\/span><\/span>\n<\/span>\n        <\/span>private<\/span> <\/span>Document<\/span> _revitDocument;<\/span><\/span>\n        <\/span>public<\/span> <\/span>Document<\/span> RevitDocument <\/span><\/span>\n        {<\/span><\/span>\n            <\/span>get<\/span> { <\/span>return<\/span> <\/span>_revitDocument<\/span>; }<\/span><\/span>\n            <\/span>set<\/span> { <\/span>_revitDocument<\/span> <\/span>=<\/span> <\/span>value<\/span>; }     <\/span><\/span>\n        }<\/span><\/span>\n<\/span>\n        <\/span>private<\/span> <\/span>List<\/span><<\/span>WallType<\/span>> _revitDocumentWallTypes;<\/span><\/span>\n        <\/span>public<\/span> <\/span>List<\/span><<\/span>WallType<\/span>> RevitDocumentWallTypes<\/span><\/span>\n        {<\/span><\/span>\n            <\/span>get<\/span> { <\/span>return<\/span> <\/span>_revitDocumentWallTypes<\/span>; }<\/span><\/span>\n            <\/span>set<\/span> { <\/span>_revitDocumentWallTypes<\/span> <\/span>=<\/span> <\/span>value<\/span>; }<\/span><\/span>\n        }<\/span><\/span>\n<\/span>\n        <\/span>private<\/span> <\/span>WallType<\/span> _selectedWallType;<\/span><\/span>\n        <\/span>public<\/span> <\/span>WallType<\/span> SelectedWallType<\/span><\/span>\n        {<\/span><\/span>\n            <\/span>get<\/span> { <\/span>return<\/span> <\/span>_selectedWallType<\/span>; }<\/span><\/span>\n            <\/span>set<\/span> { <\/span>_selectedWallType<\/span> <\/span>=<\/span> <\/span>value<\/span>; }<\/span><\/span>\n        }<\/span><\/span>\n<\/span>\n        <\/span>private<\/span> <\/span>double<\/span> _selectedWallTypeWidth;<\/span><\/span>\n        <\/span>public<\/span> <\/span>double<\/span> SelectedWallTypeWidth<\/span><\/span>\n        {<\/span><\/span>\n            <\/span>get<\/span> { <\/span>return<\/span> <\/span>_selectedWallTypeWidth<\/span>; }<\/span><\/span>\n            <\/span>set<\/span><\/span>\n            {<\/span><\/span>\n                <\/span>_selectedWallTypeWidth<\/span> <\/span>=<\/span> <\/span>value<\/span>;<\/span><\/span>\n                <\/span>OnPropertyChanged<\/span>();<\/span><\/span>\n            }<\/span><\/span>\n        }<\/span><\/span>\n<\/span>\n        <\/span>public<\/span> <\/span>ViewModel<\/span>(<\/span>Document<\/span> rvtDocument)<\/span><\/span>\n        {<\/span><\/span>\n            <\/span>this<\/span>.<\/span>RevitDocument<\/span> <\/span>=<\/span> <\/span>rvtDocument<\/span>;<\/span><\/span>\n            <\/span>this<\/span>.<\/span>RevitDocumentWallTypes<\/span> <\/span>=<\/span> <\/span>DocumentTypesExtractor<\/span>.<\/span>ExtractWallTypes<\/span>(<\/span>rvtDocument<\/span>);<\/span><\/span>\n        }<\/span><\/span>\n<\/span>\n        <\/span>public<\/span> <\/span>void<\/span> <\/span>UpdateSelectedWallTypeWidth<\/span>()<\/span><\/span>\n        {<\/span><\/span>\n            <\/span>this<\/span>.<\/span>SelectedWallTypeWidth<\/span> <\/span>=<\/span> <\/span>WallTypeData<\/span>.<\/span>ReturnWidth<\/span>(<\/span>this<\/span>.<\/span>SelectedWallType<\/span>);<\/span><\/span>\n        }<\/span><\/span>\n<\/span>\n        <\/span>private<\/span> <\/span>void<\/span> <\/span>OnPropertyChanged<\/span>([<\/span>CallerMemberName<\/span>] <\/span>string<\/span> propertyName <\/span>=<\/span> <\/span>null<\/span>)<\/span><\/span>\n        {<\/span><\/span>\n            <\/span>PropertyChanged<\/span>?<\/span>.<\/span>Invoke<\/span>(<\/span>this<\/span>, <\/span>new<\/span> <\/span>PropertyChangedEventArgs<\/span>(<\/span>propertyName<\/span>));<\/span><\/span>\n        }<\/span><\/span>\n    }<\/span><\/span>\n}<\/span><\/span>\n<\/span>\n<\/span>\n<\/span>\n<\/span><\/code><\/pre><\/div>\n\n\n\n

<\/p>\n\n\n\n
Implementing the INotifyPropertyChanged <\/mark>interface adds the PropertyChanged <\/mark>event <\/strong>the ViewModel <\/mark>class. As its name suggests, an event is a functionality that allows a class to inform another class about something significant that is happening or has happened in the context of the application. <\/p>\n\n\n\n
In our case, the PropertyChanged<\/mark> event will be triggered once the public SelectedWallTypeWidth  <\/mark>property of the ViewModel<\/mark> object is updated. The use of this event ensures that such change is communicated to and reflected in the add-in’s window, promoting a dynamic and responsive application.<\/p>\n\n\n\n
To sum up, when the user selects a new wall type and asks for its width, the ViewModel <\/mark>object updates its states and informs the window about it by sending a message : the event is raised<\/span>. The window listens to the ViewModel<\/mark> object and updates the information it displays accordingly.<\/p>\n\n\n\n
Finally, we implement the OnPropertyChanged()<\/mark> method, which simplifies the process of triggering the PropertyChanged<\/mark> event. This method is called in the setter of each public property of the ViewModel <\/mark>class, therefore updating the window whenever that property’s value is changed.<\/p>\n\n\n\n
Now we have set up our M-V-VM add-in’s architecture, and obtain the following UI that gets updated each time the user selects a new wall type.

<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n
Conclusion<\/h4>\n\n\n\n
Throughout this series, we’ve covered key aspects of the M-V-VM architecture, showing its effectiveness in guiding the development process. By assigning specific responsibilities within the application, updates become more manageable.<\/p>\n\n\n\n
This series sets the stage for deeper explorations into the Revit add-ins development, and more generally into software design and architecture. As it wraps up, the path forward remains filled with opportunities to apply and expand upon the principles discussed. The potential for enhancing software functionality and user interaction for Autodesk Revit is vast.<\/p>\n\n\n\n
I hope this content will be valuable to you. Keep on pushing the boundaries and exploring new possibilities, and remember to connect at m-youssef@easyrevitapi.com<\/a> for any further discussion.<\/p>\n","protected":false},"excerpt":{"rendered":"
In the previous articles of this three-part series, we explored the foundational principles of the Model-View-ViewModel pattern for Revit add-in development. We began constructing a simple add-in to demonstrate these concepts, such as how to display Model data to the user. As we dive deeper into the specificities of the M-V-VM pattern and the WPF […]<\/p>\n","protected":false},"author":1,"featured_media":1819,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-1623","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software-design"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/posts\/1623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/comments?post=1623"}],"version-history":[{"count":154,"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/posts\/1623\/revisions"}],"predecessor-version":[{"id":1815,"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/posts\/1623\/revisions\/1815"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/media\/1819"}],"wp:attachment":[{"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/media?parent=1623"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/categories?post=1623"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/tags?post=1623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}