日期:2014-05-18  浏览次数:20693 次

从“JS”到“SL”
如何把从“JS树图”中选定的条件,传给“Silverlight”页面,让它根据条件进行页面的显示???  

截图如下,左侧是“JSTreeView”,右侧是“Silverlight页面”。



------解决方案--------------------
调用silverlight的方法
 Silverlight和js之间的相互操作
如果你的chart图 类似
JScript code

<head runat="server">

    <script type="text/javascript" src="Visifire.js"></script>

</head>
<script type="text/javascript">

 

        var chartXaml1 = '<vc:Chart xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLVisifire.Charts" Width="500" Height="300" Theme="Theme1">'

            + '     <vc:Chart.Titles>'

            + '         <vc:Title Text="Visifire Chart 1"/>'

            + '     </vc:Chart.Titles>'

            + '     <vc:Chart.Series>'

            + '         <vc:DataSeries RenderAs="Column">'

            + '             <vc:DataSeries.DataPoints>'

            + '                 <vc:DataPoint AxisXLabel="Jan" YValue="35"/>'

            + '                 <vc:DataPoint AxisXLabel="Feb" YValue="32"/>'

            + '                 <vc:DataPoint AxisXLabel="Mar" YValue="27"/>'

            + '                 <vc:DataPoint AxisXLabel="Apr" YValue="17"/>'

            + '                 <vc:DataPoint AxisXLabel="May" YValue="16"/>'

            + '             </vc:DataSeries.DataPoints>'

            + '         </vc:DataSeries>'

            + '     </vc:Chart.Series>'

            + ' </vc:Chart>';

 

        var chartXaml2 = '<vc:Chart xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLVisifire.Charts" Width="500" Height="300" Theme="Theme1">'

            + '     <vc:Chart.Titles>'

            + '         <vc:Title Text="Visifire Chart 2"/>'

            + '     </vc:Chart.Titles>'

            + '     <vc:Chart.Series>'

            + '         <vc:DataSeries RenderAs="Column">'

            + '             <vc:DataSeries.DataPoints>'

            + '                 <vc:DataPoint AxisXLabel="Jan" YValue="25"/>'

            + '                 <vc:DataPoint AxisXLabel="Feb" YValue="42"/>'

            + '                 <vc:DataPoint AxisXLabel="Mar" YValue="18"/>'

            + '                 <vc:DataPoint AxisXLabel="Apr" YValue="37"/>'

            + '                 <vc:DataPoint AxisXLabel="May" YValue="40"/>'

            + '             </vc:DataSeries.DataPoints>'

            + '         </vc:DataSeries>'

            + '     </vc:Chart.Series>'

            + ' </vc:Chart>';

 

        var chartXaml3 = '<vc:Chart xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLVisifire.Charts" Width="500" Height="300" Theme="Theme1">'

            + '     <vc:Chart.Titles>'

            + '         <vc:Title Text="Visifire Chart 3"/>'

            + '     </vc:Chart.Titles>'

            + '     <vc:Chart.Series>'

            + '         <vc:DataSeries RenderAs="Column">'

            + '             <vc:DataSeries.DataPoints>'

            + '                 <vc:DataPoint AxisXLabel="Jan" YValue="33"/>'

            + '                 <vc:DataPoint AxisXLabel="Feb" YValue="12"/>'

            + '                 <vc:DataPoint AxisXLabel="Mar" YValue="28"/>'

            + '                 <vc:D