基于XAML语言的“合住处理”页面，见截图：
首先使用网格布局，定义一个四行零列的Grid。第零行，布局文本块；第一行，布局网格的数据的控件。第二行，布局文本块、按钮、下拉框。第三行，布局按钮控件。见截图：

第零行，通过Border在另一个元素周围绘制边框，设置边框的颜色（BorderBrush）为白色、边框的厚度（BorderThickness）为一。在Border里面，使用网格布局，自定义网格的行数为八行，在第零行的不同列中，分别布局“预定类型”、“账户类型”、“销售员”、“佣金结构”等文本块内容。

在第一行，通过DataGrid自定义网格的数据的控件。设置Header列标题的内容。标题内容分别为“序号”、“状态”、“姓名”、“来店日期”、“离店日期”、“人数”、“儿童”、“账户类型”、“房价代码”、“折扣”、“房价”、“房税结构”等标题内容。Binding是设置关联列将与数据源的属性绑定。Width设置列宽或自动调整大小模式。见截图：

在第二行，也是通过Border布局，设置Border的边框颜色（BorderBrush）为白色，边框的厚度（BorderThickness）为一，设置Border的高度（Height）为五十，再通过网格布局，自定义网格的的列数为二。当网格的列数为零时，自定义网格的列数为八列，在不同的列中分别布局“房价代码”、“折扣”、“折扣”、“房价”等文本控件。见截图：

第一列，通过StackPanel沿着水平方向放置三个按钮，分别为“一人付费”、“平分房费”、“单人全价”的按钮。分别设置按钮宽度（Width）为七十、高度（Height）为三十四，以及设置按钮的背景色（Background），见截图：

第三行，自定义列数为三列，在同一行的不同列数中，通过StackPanel沿着水平方向分别放置“加入合住”、“打破合住”、“确定”、“取消”等按钮。分别给按钮设置宽度和高度以及背景色。见截图：

总的执行结果，见头部的第一张图片。