How can I pass a JavaScript function to Silverlight?

Question

I'm evaluating the JavaScript/Silverlight interop capabilities and have been able to create a Silverlight instance using JavaScript and call methods on it. However, I now need a way of passing a JavaScript callback function to Silverlight.

Simply passing a JavaScript function to a Silverlight method expecting an Action doesn't work although the error suggest that it's intended to. What am I missing? The exception details:

Microsoft JScript runtime error: System.ArgumentException: Cannot bind to the target method because its signature or security transparency is not compatible with that of the delegate type.
   at System.Delegate.CreateDelegate(Type type, Object firstArgument, MethodInfo method, Boolean throwOnBindFailure)
   at System.Windows.Hosting.ScriptingInterface.GetDelegateForScriptObject(Type eventHandlerType, ScriptObject obj)
   at System.Windows.Browser.ScriptObject.ConvertTo(Type targetType, Boolean allowSerialization)
   at System.Windows.Hosting.ScriptingInterface.GetScriptParamValueForType(ScriptParam scriptParam, Type desiredType)
   at System.Windows.Hosting.ScriptingInterface.ConvertFromScriptParams(ParameterInfo[] parameters, ScriptParam[] args)
   at System.Windows.Browser.ManagedObjectInfo.ScriptMethod.Invoke(ManagedObject obj, InvokeType invokeType, ScriptParam[] args)
   at System.Windows.Browser.ManagedObjectInfo.Invoke(ManagedObject obj, InvokeType invokeType, String memberName, ScriptParam[] args)
   at System.Windows.Hosting.ManagedHost.InvokeScriptableMember(IntPtr pHandle, Int32 nMemberID, Int32 nInvokeType, Int32 nArgCount, ScriptParam[] pArgs, ScriptParam& pResult, ExceptionInfo& pExcepInfo)

Matthew Manela · Accepted Answer · 2011-06-28 14:57:50Z

2

Without seeing your code I cannot say what you are doing wrong but I can describe what has worked for me in the past.

On the Silverlight side you need to register a class as a scriptable object. Then create a method that is marked as a ScriptableMember and takes a string that will be your passed in JavaScript method. I also added a method called InvokeCallback which will invoke the passed in javascript callback.

[ScriptableType]
public partial class Page : UserControl
{
    private string jsCallback;
    public Page()
    {
        InitializeComponent();
        HtmlPage.RegisterScriptableObject("silverlightInterop", this);
    }


    [ScriptableMember]
    public void RegisterCallback(string callback)
    {
      jsCallback = callback;
    }

    public boid InvokeCallback(string arg)
    {
      if(!string.IsNullOrEmpty(jsCallback))
      {
          System.Windows.Browser.HtmlPage.Window.Invoke(jsCallback, arg);
      }
    }
}

On the JavaScript side you can call the RegisterCallback method that you defined in Silverlight by grabbing the silverlight object on the page and calling the method off of the name "silverlightInterop" which we registered as the name of our scriptable object.

function jsCallback(someArg) {
   alert(someArg);
}

var silverLightControl = document.getElementById("silverlightControl");
silverLightControl.content.silverlightInterop.RegisterCallback("jsCallback");

I hope this helps. I also have some sample code the demonstrates this which I wrote a while ago here

answered Jun 28, 2011 at 14:57

Matthew Manela

16.8k3 gold badges67 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

SoftMemes Over a year ago

The ScriptableMember and ScriptableType annotations are all there, as well as the RegisterScriptableObject and normal method calls do work. I was really hoping to avoid having to pass strings around for function calls as I want to use anonuymous functions...

Matthew Manela Over a year ago

As far as I know you cannot avoid that. When Silverlight invoke objects they are in the context of the webpage, silverlight itself doesn't store representations of JS objects. You could create some sort of registry of names to anonymous function on the JS side and when Silverlight calls your JS with a name you look up the anonymous function in that registry but that is similar to just using named functions.

SoftMemes Over a year ago

... it turns out this does work if the delegate type is an EventHandler.

SoftMemes Over a year ago

Yes, all good now. Still weird this isn't mentioned anywhere on msdn.microsoft.com/en-us/library/cc645079(v=vs.95).aspx.

AnthonyWJones Over a year ago

@Freed: Its a common misconception that a type need be marked with ScriptableType and exposed members be marked ScriptableMember. In fact only one or the other is needed. When a type has ScriptableType all its public members are available for scripting. Usually you don't want this, you only want to put ScriptableMember on the specific members to be exposed to Javascript.

AnthonyWJones · Accepted Answer · 2011-06-28 18:08:16Z

There is a simpler way to pass Javascript function to Silverlight. All values from javascript can be represented by the ScriptObject type, this includes a function. Its for this reason that the ScriptObject has a InvokeSelf method.

You can create a property as simple as:-

 [ScriptableMember]
 public ScriptObject Callback { get; set; }

Now lets say in Javascript we have this function:-

function sayHello(name)
{
    alert("Hello " + name);
}

We can assign this to the property (assume the RegisterScriptableObject("Page", this) has been done) with this JS:-

document.getElementById("mySL").Content.Page.Callback = sayHello;

Now in Silverlight code we can invoke this Callback with:-

Callback.InvokeSelf("Freed");

SoftMemes · Accepted Answer · 2011-06-28 15:27:41Z

0

Apparently, this does work if the using a delegate type of EventHandler (or EventHandler<>), but not for other delegate types.

answered Jun 28, 2011 at 15:27

SoftMemes

5,7125 gold badges35 silver badges63 bronze badges

Comments

Mohammad · Accepted Answer · 2016-07-29 19:29:42Z

0

My Code:

<!-- language: JavaScript -->
function sendText() {
    return "Hi from Javascript!";
}

<!-- language: C# -->
string obj = HtmlPage.Window.Invoke("sendText", null) as string;
txtReturnData.Text = obj;

<!-- language: VB.Net -->
Dim obj As String = TryCast(HtmlPage.Window.Invoke("sendText", Nothing), String)
txtReturnData.Text = obj

edited Jul 29, 2016 at 19:29

answered Jul 29, 2016 at 19:22

Mohammad

365 bronze badges

Collectives™ on Stack Overflow

How can I pass a JavaScript function to Silverlight?

4 Answers 4

5 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

5 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related