silverlight与javascript交互操作

[ScriptableType]
public   class  employeeInfo
{
     ///   <sumMary>
     ///  雇员编号
     ///   </sumMary>
    [ScriptableMember]
     public   int  employeeNo {  get ;  set ; }
     ///   <sumMary>
     ///  雇员名称
     ///   </sumMary>
    [ScriptableMember]
     public   String  employeename {  get ;  set ; }
     ///   <sumMary>
     ///  地址
     ///   </sumMary>
    [ScriptableMember]
     public   String  Address {  get ;  set ; }
}
///   <sumMary>
///  雇员事件参数（用于完成与js绑定事件参数）
///   </sumMary>
[ScriptableType]
public   class  employeeInfoEventArgs : EventArgs
{
    [ScriptableMember]
     public  employeeInfo employeeInfo{  get ;  set ; }
}

///   <sumMary>
///  要注册并在页面中使用的js调用脚本对象
///   </sumMary>
[ScriptableType]
public   class  JavaScriptabLeobject
{
     ///   <sumMary>
     ///  js捆绑的事件handler
     ///   </sumMary>
    [ScriptableMember]
     public   event  EventHandler < employeeInfoEventArgs >  SELEctemployeeInfo;

     public   void  OnSELEctemployeeInfo(employeeInfo employeeinfo)
    {
         if  (SELEctemployeeInfo  !=   null )
        {
            SELEctemployeeInfo( this ,  new  employeeInfoEventArgs()
            {
                employeeInfo  =  employeeinfo
            });
        }
    }
}

///   <sumMary>
///  雇员信息管理类
///   </sumMary>
public   class  employeeManager
{
     public  IEnumerable < employeeInfo >  employeeList;
     ///   <sumMary>
     ///  初始化会员数据
     ///   </sumMary>
     public  employeeManager()
    {
         // 初始化雇员数据
        employeeList  =   new  List < employeeInfo > ()
        {
             new  employeeInfo(){employeeNo  =   10001 , employeename  =   " 张三 "  , Address  =   " 北京 " },
             new  employeeInfo(){employeeNo  =   10002 , employeename  =   " 李四 "  ,
             new  employeeInfo(){employeeNo  =   10003 , employeename  =   " 王五 "  ,
             new  employeeInfo(){employeeNo  =   10004 , employeename  =   " 马六 "  ,
             new  employeeInfo(){employeeNo  =   10005 , employeename  =   " 王大麻子 "  ,
             new  employeeInfo(){employeeNo  =   10006 , employeename  =   " 王宝强 "  ,
             new  employeeInfo(){employeeNo  =   10007 , employeename  =   " 王蛋蛋 "  ,
             new  employeeInfo(){employeeNo  =   10008 , employeename  =   " 王五强 "  , Address  =   " 北京 " }
        };
    }

     ///   <sumMary>
     ///  @L_674_20@指定数量的雇员数据
     ///   </sumMary>
     ///   <param NAME="count"> 要@L_674_20@的雇员信息数 </param>
     ///   <returns></returns>     
     public  IEnumerable < employeeInfo >  GetemployeeList( int  count)
    {
         return  (from e  in  employeeList
                    SELEct  new  employeeInfo
                    {
                        employeeNo  =  e.employeeNo,
                        employeename  =  e.employeename,
                        Address  =  e.Address

                    }).Take(count);
    }
}

< UserControl  xmlns:my ="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"   x:Class ="Silverlight_JS_call.Page"
    xmlns ="http://scheR_607_11845@as.microsoft.com/client/2007"  
    xmlns:x ="http://scheR_607_11845@as.microsoft.com/winfx/2006/xaml"  
    Width ="400"  Height ="300" >
     < Grid  x:Name ="LayoutRoot"  BACkground ="White" >
         < Grid.RowDeFinitions >
             < RowDeFinition  Height ="300"   />
         </ Grid.RowDeFinitions >
         < @H_549_491@my:DataGrid   x:Name ="employeeList"   Grid.Row ="1"   AutoGeneratecolumns ="True"  Height ="280"  Margin ="5,5,5"  AlternaTingRowBACkground ="AliceBlue"  rowBACkground ="BlanchedAlmond" >
         </ @H_549_491@my:DataGrid >
    </ Grid >
</ UserControl >

[ScriptableType]
public   partial   class  Page : UserControl
{
     public  Page()
    {
        InitializeComponent();
         this .Loaded  +=  Page_Loaded;
         this .employeeList.beginningCellEdit  += new  EventHandler < DataGridCellEdiTingCancelEventArgs > (employeeLisT_BeginningCellEdit); 
    }
    
     
     void  Page_Loaded( object  sender, routedEventArgs E)
    {
        JavaScriptabLeobject  =   new  JavaScriptabLeobject();
         // 注册js可用的类型（详情见Silverlight_JS_callTestPage.aspx中的js代码）
        HtmlPage.RegisterScriptabLeobject( " employeeObject " , JavaScriptabLeobject);
        HtmlPage.RegisterScriptabLeobject( " Page " ,  this );
    }
    
     ///   <sumMary>
     ///  击编辑雇员列表信息事件
     ///   </sumMary>
     ///   <param NAME="sender"></param>
     ///   <param NAME="e"></param>
     void  employeeLisT_BeginningCellEdit( object  sender, DataGridCellEdiTingCancelEventArgs E)
    {
         // 当有要编辑的信息时
         if  (employeeList.SELEctedItem  !=   null )
        {
            employeeInfo employeeInfo  =  employeeList.SELEctedItem  as  employeeInfo;
             // 执行选中信息事件操作(最终会执行js所绑定的function代码)
            JavaScriptabLeobject.onSELEctemployeeInfo(employeeInfo);
        }
    }     

　　 // 这里必须声明是public,否则js调用该方法时会报错
    [ScriptableMember]
     public   void  LoadData( int  count)
    {
         // 加载指定数据的雇员信息
        employeeList.Itemssource  =   new  employeeManager().GetemployeeList(count);
    }

    JavaScriptabLeobject JavaScriptabLeobject;       
}

< script type = " text/javascript " >
    // 显示选取的雇员信息
    // 注:args为cs中的employeeInfoEventArgs类型实例
    function  ShowSELEctemployeeInfo(sender, args)
   {  
      $get( " employeeNo " ).value  =  args.employeeInfo.employeeNo;
      $get( " employeename " ).value  =  args.employeeInfo.employeename;
      $get( " employeeAddress " ).value  =  args.employeeInfo.Address;
      $get( " results " ).style.display  =   ' block ' ;
   }
   
    // 初始化操作，绑定到input元素（＂加载数据＂）的click事件上,详情参见aspx文件
    function  Init(obj)
   { 
        // 绑定上面的js函数到silverlight的事件handler
       $get( " Xaml1 " ).content.employeeObject.SELEctemployeeInfo  =  ShowSELEctemployeeInfo;
       
        // 加载雇员信息     
       $get( " Xaml1 " ).content.Page.LoadData(parseInt(obj.titlE));              
   }
< / script>