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

alore2 2010-03-23 03:12:58
<?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方法一样。
...全文
149 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
alore2 2010-03-24
  • 打赏
  • 举报
回复
需求在三楼

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

我感觉你还是把需求陈述一下。
[/Quote]
alore2 2010-03-24
  • 打赏
  • 举报
回复
[Quote=引用 6 楼 areyan 的回复:]
可否講講為什麼不想在Rectangle中寫MouseDown事件啊?
[/Quote]

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

虽然可以在其中直接加上MOUSEDOWN事件,但是似乎这样写不是很合理。如果针对这个Rectangle我有很多事件需要控制,难道要一个个的写吗,不能直接在这个Rectangle的父对象的冒泡事件中控制吗?
不知道还有没有其他的做法?
Goldfire_001 2010-03-23
  • 打赏
  • 举报
回复
分开控制,代码耦合性太大,维护成本增高。

我感觉你还是把需求陈述一下。
养猪的程序员 2010-03-23
  • 打赏
  • 举报
回复
可否講講為什麼不想在Rectangle中寫MouseDown事件啊?
senr0816 2010-03-23
  • 打赏
  • 举报
回复
但是不用MOUSEDOWN事件实现起来难度太大了吧。。。
alore2 2010-03-23
  • 打赏
  • 举报
回复
并且,我不希望在XAML的Rectangle中直接写上MOUSEDOWN事件,而希望由JS代码控制
alore2 2010-03-23
  • 打赏
  • 举报
回复
<?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 2010-03-23
  • 打赏
  • 举报
回复
谢谢senr0816,问题是DOM读取和控制的话无法实时的调整XAML的表现。
senr0816 2010-03-23
  • 打赏
  • 举报
回复
XAML是基于XML的,因此可以用DOM去读

8,757

社区成员

发帖
与我相关
我的任务
社区描述
WPF/Silverlight相关讨论
社区管理员
  • WPF/Silverlight社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧