JS中如何获取XAML的某个节点代码？

[alore2]

<?xml version="1.0" encoding="utf-8"?>
<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" x:Name="icons" Width="800" Height="600" Clip="F1 M 0,0L 800,0L 800,600L 0,600L 0,0" >
<Rectangle Name="a" Stroke="#FFB0CB65" StrokeLineJoin="Round" StrokeThickness="2" Width="80" Height="68" Canvas.Left="57" Canvas.Top="46" Fill="#FFF25353"/>
</Canvas>

如何使用JS获取以上XAML中的<Rectangle Name="a" Stroke="#FFB0CB65" StrokeLineJoin="Round" StrokeThickness="2" Width="80" Height="68" Canvas.Left="57" Canvas.Top="46" Fill="#FFF25353"/>代码。

就像DHTML中的OUTERHTTML方法一样。

[senr0816]

XAML是基于XML的，因此可以用DOM去读

[alore2]

谢谢senr0816，问题是DOM读取和控制的话无法实时的调整XAML的表现。

[alore2]

<?xml version="1.0" encoding="utf-8"?>
<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" x:Name="icons" Width="800" Height="600" Clip="F1 M 0,0L 800,0L 800,600L 0,600L 0,0" MouseLeftButtonDown="onLoaded">
<Rectangle Name="a" Stroke="#FFB0CB65" StrokeLineJoin="Round" StrokeThickness="2" Width="80" Height="68" Canvas.Left="57" Canvas.Top="46" Fill="#FFF25353"/>
<Rectangle Name="b" Stroke="#FFB0CB65" StrokeLineJoin="Round" StrokeThickness="2" Width="80" Height="70" Canvas.Left="57" Canvas.Top="140" Fill="#FFD1D900"/>
<Rectangle Fill="#FF00D983" Stroke="#FFB0CB65" StrokeLineJoin="Round" StrokeThickness="2" Width="80" Height="70" Canvas.Left="201" Canvas.Top="140"/>
<Rectangle Fill="#FF0053D9" Stroke="#FFB0CB65" StrokeLineJoin="Round" StrokeThickness="2" Width="80" Height="70" Canvas.Left="347" Canvas.Top="140"/>
<Rectangle Fill="#FFD9007E" Stroke="#FFB0CB65" StrokeLineJoin="Round" StrokeThickness="2" Width="80" Height="70" Canvas.Left="201" Canvas.Top="46" RenderTransformOrigin="0.612,4.157"/>
<Rectangle Fill="#FFFFFFFF" Stroke="#FFB0CB65" StrokeLineJoin="Round" StrokeThickness="2" Width="80" Height="70" Canvas.Left="347" Canvas.Top="46" RenderTransformOrigin="0.612,4.157"/>
</Canvas>

我要实现的是，在用户点中任意一个Rectangle时，能够获取当前点中的Rectangle的XAML代码

[alore2]

并且，我不希望在XAML的Rectangle中直接写上MOUSEDOWN事件，而希望由JS代码控制

[senr0816]

但是不用MOUSEDOWN事件实现起来难度太大了吧。。。

[养猪的程序员]

可否講講為什麼不想在Rectangle中寫MouseDown事件啊？

[Goldfire_001]

分开控制，代码耦合性太大，维护成本增高。

我感觉你还是把需求陈述一下。

[alore2]

[Quote=引用 6 楼 areyan 的回复:]
可否講講為什麼不想在Rectangle中寫MouseDown事件啊？
[/Quote]

因为这些Rectangle也是动态创建的，我用下面的方法创建Rectangle，
var Element = theHost.content.createFromXaml('<Rectangle Height="200" Width="200" Fill="Blue" />');

虽然可以在其中直接加上MOUSEDOWN事件，但是似乎这样写不是很合理。如果针对这个Rectangle我有很多事件需要控制，难道要一个个的写吗，不能直接在这个Rectangle的父对象的冒泡事件中控制吗？
不知道还有没有其他的做法？

[alore2]

需求在三楼

[Quote=引用 7 楼 goldfire_001 的回复:]
分开控制，代码耦合性太大，维护成本增高。

我感觉你还是把需求陈述一下。
[/Quote]