Custom drop down menu like SharePoint does

2005-12-16T12:57:00Z

In Windows Sharepoint Service sites a special drop down menu is used for context menus of document library items. You can reuse the javascript code for your own drop down menus. One example for such a drop down menu is a custom 'create new document' combobox which lets you choose a template for the new document from a list of registered document templates. (In SharePoint you can select only one template per document library which is not very useful in practice)

Here is what you have to do for it.

Create a webpart that renders a hidden table with all elements for your new 'magicmagic' combobox. The webpart registers the javascript for displaying the combobox a la SharePoint

public MyWebPart()

{

    this.PreRender += new EventHandler(PreRenderScript);

}

  

private void PreRenderScript(object sender , System.EventArgs e)

{

    if(!Page.IsClientScriptBlockRegistered("MYSPDDScript")) 


    {


        Page.RegisterClientScriptBlock("MYSPDDScript", "<script
language=""javascript""
src=""/_layouts/1031/t-myspdd.js""></script>");

    }

}

  

protected override void RenderWebPart(HtmlTextWriter output)

{

    output.RenderBeginTag(HtmlTextWriterTag.Table);


    output.RenderBeginTag(HtmlTextWriterTag.Tr);


    output.RenderBeginTag(HtmlTextWriterTag.Td);

  

    foreach(Item contextMenuItem in Items)


        // add your data for the context menu item instead of ... !


        output.Write("<a name=\"MyData\" ... />\n"); 

  

    output.RenderEndTag();


    output.RenderEndTag();


    output.RenderEndTag();

}

Add a combobox to the xml file of a site and register mouse events wich call the onMyItem-Method of your registered Javascript code (step 1). The xml will look something like this.

<!-- MyButton -->

<td class="ms-toolbar" id="]]></HTML><GetVar Name="WPQ"/><HTML><![CDATA[buttonMy">

  <table cellpadding=1 cellspacing=0 border=0>

    <tr>

      <td class="ms-toolbar" nowrap>

        <img
src="/_layouts/images/newdoc.gif" ID="tbbutton1N"
alt=]]></HTML><HTML>"MyDropdown"</HTML><HTML><![CDATA[
border=0 width=16 height=16>

      </td>

      <td nowrap>

        <table
class="ms-unselectedtitle" onmouseover="OnMyItem(this,
']]></HTML><GetVar
Name="MyParameter"/><HTML><![CDATA[')" CTXName="ctx1"
ItemId="1" >

          <tr>

            <td class="ms-vb" nowrap>MySomething</td>

           
<td><img src="/_layouts/images/blank.gif" width=13
style="visibility: hidden" alt=""></td>

          </tr>

        </table>

      </td>

    </tr>

  </table>

</td>

Write your own javascript with the help of the sharepoint javascript for displaying the drop down menu. The code reads the table items (created by the webpart in step 1) and fills the object structures for the Sharepoint methods with it.


// triggered by onmouseover


// creates the contexmenu similar to OnItem in ows.js


function OnMyItem(elm, libUrl)


{


    if(IsMenuOn())


    {


        StartDeferItem(elm);


        return false;


    }

  


    if (itemTable != null)


        OutItem();

  


    itemTable = elm;


    currentItemID = itemTable.ItemId;


    var createCtx = new Function("setupMyMenuContext(" + itemTable.CTXName + ");");


    createCtx();


    var ctx = currentCtx;

  


    itemTable.className="ms-selectedtitle";


    itemTable.onclick = CreateMyMenu;


    itemTable.oncontextmenu = CreateMyMenu;


    itemTable.onmouseout = OutItem;


    itemTable.libUrl = libUrl;

  


    titleRow = itemTable.children[0].children[0];

  


    i = 0;


    while (titleRow.children[i] != null)


        imageCell = titleRow.children[i++];

  


    downArrowText = "MyCombo";

  


    imageCell.children[0].src = ctx.imagesPath + "downarrw.gif";


    imageCell.children[0].alt = downArrowText;


    imageCell.children[0].style.visibility = "visible";


    imageCell.style.visibility="visible";


    imageCell.className="ms-menuimagecell";

  


    return true;


}

  


function setupMyMenuContext(ctx)


{


    currentCtx = ctx;


}

  


// creates the contextmenu-object similar to CreateMenu in ows.js


function CreateMyMenu()


{


    if (! IsContextSet()) 


        return;


    var ctx = currentCtx;


    if (itemTable == null || imageCell == null ||


        (onKeyPress == false &&


         (event.srcElement.tagName=="A" ||


          event.srcElement.parentNode.tagName == "A")))


        return;


    IsMenuShown = true;


    window.document.body.onclick="";


    m = CMenu(currentItemID + "_menu");


    currenMenu = m;


    AddMyMenuItems(m, itemTable.libUrl, ctx);


    OMenu(m, itemTable, null, null, -1);


    document.body.onclick=HideSelectedRow;


    return false;


}

  

  


// adds the menu entries for every a-element rendered in RenderWebPart


function AddMyMenuItems(m, libUrl, ctx)


{


    setupMenuContext(ctx);

  


    if(document.getElementsByName("MyDat") != null)


    {


        for(i = 0; i < document.getElementsByName("MyDat").length; i++)


        {


            var myData = document.getElementsByName("MyData")[i];

  


            var optionEntry = document.createElement("option");

  


           
strTitle     = ""; // add your menu item text here
(i.e. myData.Title)


           
strAction    = ""; // add your menu item selection
action here

                              
// i.e. call createNewDocumentWithProgID to launch an office app with a
new document


            strImagePath = ""; // add the path to the menu item icon here

  


            // CAMSep(m); // adds a separator in the menu item list

  


            // add the next item to the drop down menu


            mi = CAMOpt(m, strTitle, strAction, strImagePath);


        }


    }


}

The code is a little bit cumbersome but works in the current versions of Sharepoint Portal Server and Windows Sharepoint Services. As the previous code relies heavily on the internal script structure of SharePoint it can not be guaranteed, that this method will work in the next versions.

Mindmanager IFilter

2005-10-19T12:18:00Z

SharePoint Portal Server brings along document filters mostly for office documents. But you can also save and full text search your mindmaps in SharePoint.
If you are using Mindmanager X5 or the current version 6 then you are lucky and just have to look at ifiltershop.com. They've got a solution for indexing Mindmanager documents.
Sadly for Mindmanager 2002 there is no such IFilter available. But you can easily write your own! Mindmanager has an OLE automation interface where you can traverse the mindmap tree structure and extract all label texts from it. Then you have to tell the indexing service the texts. For that purpose Microsoft has defined the IFilter-COM-Interface, which you have to implement. The coding is pretty straight forward:

#import "MindMan.tlb"



// Init-Call from index service

HRESULT IFilter::Init(ULONG grfFlags, ULONG cAttributes, const FULLPROPSPEC* aAttributes, ULONG* pFlags)

{

    ImjApplicationPtr pMindManager(__uuidof(Application));

    pMindManager->Visible = VARIANT_FALSE; // hide GUI

    

    ImjDocumentPtr pMindManagerDoc = pMindManager->Documents->Add(_bstr_t("Mindmap.mmp")); // open mindmap

    

    do

    {

        // remember texts for every ImjBranchPtr pBranch 

        PushText(pBranch->Text);

        PushText(pBranch->TextNotes);

    } while(...);

    

    pMindManager->Close(VARIANT_FALSE);

    ...

}



// index service calls this method and GetChunk() for every text until FILTER_S_LAST_TEXT is returned

HRESULT IFilter::GetText(ULONG* pcwcBuffer, WCHAR* awcBuffer)

{

    WCHAR* pwcNextText = PopText(); // get next text for indexer from memory

    if(pwcNextText != NULL)

    {

       *pcwcBuffer = wcslen(pwcNextText);

       wcsncpy(awcBuffer, pwcNextText, *pcwcBuffer);

    }

        return FILTER_S_LAST_TEXT; // no more texts available

}

There is only one problem with this approach - you have to install the Mindmanager product on your indexing server. Argh, this brings in most of the problems you have, if you run any Office product on a server. But the guys at Mindjet promised me, that it's ok and until now no strange effects happend on the server where i run it (as opposed to a braindead instable excel server i was replacing last year). So maybe your admins won't rip your heart out ;)

matthias .NET Blog

Custom drop down menu like SharePoint does

Mindmanager IFilter