blog.sallarp.com

string GetCallbackResult();
void RaiseCallbackEvent(string eventArgument);

protected override void OnLoad(EventArgs e)
{
    base.OnLoad(e);
 
    if (Page.ClientScript.IsClientScriptIncludeRegistered(this.GetType(), "ICallbackJsonPropertyControl") == false)
    {
        // Register our javascriptfile. The js-file is compiled into the ddl as a reasource for easy
        // distribution. Read more about resources here: http://blog.sallarp.com/howto-embed-javascript-dll-getwebresourceurl
        Page.ClientScript.RegisterClientScriptInclude("ICallbackJsonPropertyControl",
                     Page.ClientScript.GetWebResourceUrl(this.GetType(),
                                                 "MightyLittle.CMSR2.Properties.ICallbackJsonProperty.js"));
 
        // Time to register the callback for the ICallbackEventHandler.
        string callBackReference = Page.ClientScript.GetCallbackEventReference(this, "arg", "ICallbackJsonPropertyControl_CallBack", "", true);
 
        // Create a javascript method that will call the callback method generated above.
        string findPagesScript = @"
                        function ICallbackJsonPropertyControl_FindPages(inputCtrlId, resultCtrlId)
                        {
                            var arg = document.getElementById(inputCtrlId).value + '|' + resultCtrlId;
                            " + callBackReference + @";
                        }";
 
        // Add our script as a script block on the page
        Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "ICallbackJsonPropertyControl_FindPages", findPagesScript, true);
    }
 
}

public override void CreateEditControls()
{
    if (base.RenderType == EPiServer.Core.RenderType.Edit)
    {
        // Create a listbox to present the pages
        ListBox lbResults = new ListBox();
        lbResults.ID = "pages";
        lbResults.SelectionMode = ListSelectionMode.Single;
 
        // Create a box for the search function
        TextBox searchBox = new TextBox();
        searchBox.ID = "searchBox";
 
        // The button that will perform the search
        Button btnFindPages = new Button();
        btnFindPages.Text = "Find pages";
 
        // This is the box that will contain the property value on postback
        // we hide it from the user using css
        mTextBox.ID = "resultbox";
        mTextBox.Attributes.Add("style", "display:none;");
 
        HtmlGenericControl br = new HtmlGenericControl("br");
        HtmlGenericControl br2 = new HtmlGenericControl("br");
 
        // Add the controls
        this.Controls.Add(lbResults);
        this.Controls.Add(br);
        this.Controls.Add(searchBox);
        this.Controls.Add(mTextBox);
        this.Controls.Add(br2);
        this.Controls.Add(btnFindPages);
 
        // Wire the button to call our javascriptmethod for finding pages
        btnFindPages.OnClientClick = string.Format("ICallbackJsonPropertyControl_FindPages('{0}','{1}'); return false;", searchBox.ClientID, lbResults.ClientID);
 
        // Wire the listbox to set the selected value into our property textbox that's hidden.
        lbResults.Attributes.Add("onchange", string.Format("ICallbackJsonPropertyControl_PageSelected(this,'{0}');", mTextBox.ClientID));
    }
}

// String to hold the result of the ajax call
private string _callbackResult = string.Empty;
 
///
/// This method is called upon the ajax request. This is where we search for pages
///
void System.Web.UI.ICallbackEventHandler.RaiseCallbackEvent(string eventArgument)
{
    // The method only takes one parameter and sometimes that's not
    // enough. So we use a separator to pass more than one argument
    // in a single string. This time we're using the |-sign
    if (!string.IsNullOrEmpty(eventArgument))
    {
        // Parse the arguments. In this case we will get the search term
        // first and the second will be the ClientID of the listbox that
        // we want to render the results in
        string[] arguments = eventArgument.Split('|');
 
        // Perform a simple search for pages
        PropertyCriteriaCollection criterias = new PropertyCriteriaCollection();
        PropertyCriteria crit = new PropertyCriteria();
        crit.Condition = EPiServer.Filters.CompareCondition.Contained;
        crit.Type = PropertyDataType.String;
        crit.Name = "PageName";
        crit.Value = arguments[0];
        criterias.Add(crit);
 
        PageDataCollection pages = EPiServer.DataFactory.Instance.FindAllPagesWithCriteria(PageReference.StartPage, criterias, LanguageBranch.LoadFirstEnabledBranch().URLSegment ,LanguageSelector.MasterLanguage());
 
        // Create a new response object. We set the resultlistid property to the id
        // of the listbox that was passed to this method as an argument. That way
        // our javascript will know where to render the results.
        FoundPagesAjaxResponse response = new FoundPagesAjaxResponse() { ResultListId = arguments[1] };
        foreach (PageData page in pages)
        {
            // Add information about the page to our response collection.
            response.Pages.Add(new TinyPageInfo() {
                PageName = page.PageName,
                PageID = page.PageLink.ID
            });
        }
 
        // Return our result as json.
        _callbackResult = response.ToJSON();
    }
}

///
/// The class must be decorated with DataContract to
/// be serialized into Json
///
[DataContract]
public class TinyPageInfo
{
    ///
    /// Each property that is to be returned in the
    /// Json must be decorated with DataMember
    ///
    [DataMember]
    public string PageName { get; set; }
 
    [DataMember]
    public int PageID { get; set; }
}
 
[DataContract]
public class FoundPagesAjaxResponse
{
    public FoundPagesAjaxResponse() { Pages = new List<TinyPageInfo>(); }
 
    [DataMember]
    public List<TinyPageInfo> Pages { get; set; }
 
    [DataMember]
    public string ResultListId { get; set; }
 
    ///
    /// Serialize the entire class to JSON
    ///
    ///
    public string ToJSON()
    {
        DataContractJsonSerializer serializer = new DataContractJsonSerializer(this.GetType());
        MemoryStream ms = new MemoryStream();
        serializer.WriteObject(ms, this);
        return Encoding.UTF8.GetString(ms.ToArray());
    }
}

// This is the method that will be called when the server has returned
// a response.
function ICallbackJsonPropertyControl_CallBack(jsonResponse, context) {
 
    // Use eval to turn the json into a simple to use object.
    var response = eval('(' + jsonResponse + ')');
 
    // we passed the id of the listbox as part of the ajaxresponse object
    // and becuase we used eval above we can read that property
    // just like if it was the .net object
    var resultListBox = document.getElementById(response.ResultListId);
 
    // clear the listbox
    for (var i = resultListBox.options.length - 1; i >= 0; i--) {
        resultListBox.remove(i);
    }
 
    // Create options in the listbox for all pages
    // in the response.
    for (var i = 0; i < response.Pages.length; i++) {
        var option = document.createElement("OPTION");
        option.text = response.Pages[i].PageName;
        option.value = response.Pages[i].PageID;
        resultListBox.add(option);
    }
}