Get More... Experience

This post describes the lifecycle events of a Sharepoint Connectable WebPart wih a single ViewState backed property;

On Page Load

1. Constructor
2. OnInit
3. OnLoad
4. ConnectionConsumer method is called if web part is connectable (sets the connection providers interface in the webpart)
5. CreateChildControls
6. OnPreRender (if your web part is connectable you would typically call the connection provider here to retrieve data)
7. SaveViewState
8. Render
9. RenderChildren
10. RenderContents

On 1st Postback
(PostBack click handler sets ViewState via public Property)

1. Constructor
2. OnInit
3. CreateChildControls
4. OnLoad
5. PostBack click handling
6. ConnectionConsumer method is called if web part is connectable (sets the connection providers interface in the webpart)
7. OnPreRender (if your web part is connectable you would typically call the connection provider here to retrieve data)
8. SaveViewState
9. Render
10. RenderChildren
11. RenderContents

On 2nd Postback
(PostBack click handler sets ViewState via public Property)

1. Constructor
2. OnInit
3. LoadViewState
4. CreateChildControls
5. OnLoad
6. PostBack click handling
7. ConnectionConsumer method is called if web part is connectable (sets the connection providers interface in the webpart)
8. OnPreRender (if your web part is connectable you would typically call the connection provider here to retrieve data)
9. SaveViewState
10. Render
11. RenderChildren
12. RenderContents

Note that during the 2nd postback, LoadViewState, is called, since in the 1st postback the click handler sets the value of the ViewState backed public property.

ref: http://platinumdogs.wordpress.com/2008/10/14/sharepoint-webpart-lifecycle-events/

~~ 感謝李小全(David)百忙中協助開發網路相簿網頁組件 ~~

用途與準備工作說明：

--｛完成後的結果｝

-- { 組件說明 }

我們需完成兩個網頁組件並進行連結，功能說明如下：

1. 上方呈現相簿內的所有照片並且可供使用者進行點選，所有點選圖片均再上方直接瀏覽
2. 下方則將相關相簿進行呈現，並可讓使用者進行封面圖片之選擇
3. 上下方網頁組件需進行連結（不使用 SmartPart Or QuickPart）

-- { 所需程式說明 }

1. 網頁組件兩支(說明如上述) 共五支 .cs
2. EventHandler 事件處理函式 *1
3. CSS
4. 網頁組件連結 Middleware

-- { MOSS 2007 所需文件庫 }

1. 建立一圖片庫做為存放相簿使用
2. 以資料夾進行相簿分類

-- { 所需工具 }

1. Virtual Studio .NET 2008
2. CAML Tool
3. EventHandler Installation Tool

~~ 待續後補 2009.08.31 ~~

posted 14 January 2009 16:24 by AussieNigel

<script type="text/javascript">
    function GetElementByText(tagName, title)
    {
        var a = document.getElementsByTagName(tagName);

        for (var i=0; i < a.length; i++)
        {
            if (a[i].text)
            {
                if (a[i].text === title)
                {
                    return a[i];
                }
            }
        }

        return null;
    }

    if (window.onload)
    {
        var oLoad = window.onload;
        window.onload = function bodyLoad()
        {
            oLoad();

            var o = GetElementByText("ie:menuitem","Upload Document");
            if (o)
            {
                o.disabled = true;
            }
        }
    }
</script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
  jQuery.jQueryRandom = 0;
  jQuery.extend(jQuery.expr[":"], {
    random: function(a, i, m, r) {
      if (i == 0) {
        jQuery.jQueryRandom = Math.floor(Math.random() * r.length);
      };
      return i == jQuery.jQueryRandom;
    }
  });
</script>
<script type="text/javascript">
$().ready(function() {
  var a = $("table.ms-summarystandardbody td.ms-vb2 a:random");
  a.parents("div[id^=WebPart]").html('<img src="' + a.attr("href") + '"/>');
});
</script>

What it does? First of all I extend the jQuery framework with the “:random” filter which allows me to pick a randomly chosen element. Then, as soon as the page has been loaded I select all the links from the Images Web Part and pick a random one to display. The last thing I do is to substitute the list of images with the random image I’ve just picked:

That’s all!

Each time you load this page another image will be picked and displayed.

What’s next?

The example I’ve presented is quite simple. Because we’re using a common SharePoint list here, you could store some metadata together with the images and make them appear on the page as well. You could extend the script to add the title, description and maybe even a link to a different site: the sky is the limit.

Summary

Providing custom functionality doesn’t necessarily have to mean development and deployment. By just extending the standard SharePoint functionality with JavaScript you can easily create great features which can enhance the overall experience of your application. Using the jQuery framework you can simplify creating these enhancements even more. jQuery covers for you all the basics and allows you to focus on the functionality you to provide to your users.

Quote

Sharepoint Marquee Scroll Listings

 

One of our clients approached us with an interesting idea. I welcomed his request because he was such an ambitious client. Anyway, the request was scrolling the listings of any area. He wanted to display the listings on a marquee tag. While researching it, I couldn't find anything similar on the net, so I thought I’d share this webpart with you .

 

I created a C# webpart to have the following features :

 

 

1- display area listings ordered by the created date (last created first shows)

2- an icon image (e.g. Company logo) separates between listings

  

Since I have attached the source code of this webpart; you can upgrade the solution to have other feature like:

1- show the top (n) number of  listings

2- stop scrolling when mouse over

3- you can set a scroll left/scroll right functions

 

Here are simple steps to deploy the webpart on your portal

 

Step 1

Download the the project from here http://cid-c6d240d97b073074.skydrive.live.com/self.aspx/Attachments/MarqueeListings_Zip.zip

 

Step 2

Go to the bin\Debug where the assembly file of the Marquee listing resides(MarqueeListings.dll) .this dll file has to be dragged and dropped to the GAC

(HD:\WINDOWS\assembly ).

 

 

Step 3

Copy the image MarqueeIcon.GIF to the sharepoint images

location :  HD:\Program Files\Common Files\Microsoft Shared\web server

extensions\60\TEMPLATE\LAYOUTS\1033\IMAGES  

 

Step 4

The webpart has to be registered as safe control. so copy the following script

 

<SafeControl Assembly="MarqueeListings, Version=1.0.0.0, Culture=Neutral, PublicKeyToken=78fabca6851eb8f0" Namespace="Sharepoint.Afkar.MarqueeListings" TypeName="*" Safe="True" />

      < P Assembly="MarqueeListings, Version=1.0.0.0, Culture=Neutral,

 

Then add it to the web.config  which resides on the virtual  directory of your portal

 

Step 5

Restart IIS.

 

Step 6

Import the webpart MarqueeGroupedListings.dwp to the portal. The web part displays the grouped listings of the home page of the server . if you want to change to display the listings of another area you need to modify the web part  .under the Marquee options write the Url of the area (e.g.  http://serverName/Area2)

 

Step 7

There is no step 7. Its Over!!!  But incase you want to display other area's listings you need to edit the webpart properties giving the correct area URL

 

Code Sample
private const string defaultURL = "";
  private string _URL = defaultURL;

  [Browsable(true),Category("Marquee Options"),
  DefaultValue(defaultURL),
  WebPartStorage(Storage.Personal),
  FriendlyName("Area URL"),Description("Area URL")]
  public string URL
  {
   get
   {
    return _URL;
   }

   set
   {
    _URL = value;
   }
  }
   protected override void RenderWebPart(HtmlTextWriter output)
  {
   try
   {
 //******************************This section to get the Grouped listings of any area***************
    AreaListingCollection areaListings=GetAreaListings(this.URL.ToString());
     if (areaListings!=null)
    {
     if (areaListings.Count>0)
     {
      string str="";
      int counter=0;
      ArrayList textArrayList = new ArrayList();
      ArrayList linkArrayList = new ArrayList();
      //this is order the last one entered appears in the first
      int TotalNewNUm=0;

      foreach (AreaListing areaListing in areaListings)
      {
       textArrayList.Add (areaListing.Title.ToString()  )  ;
       linkArrayList.Add (areaListing.URL.ToString()  )  ;
       TotalNewNUm++;
               
      }//foreach
      int i ;
      for(i=TotalNewNUm-1 ;i>=0  ;i--)
      {
       str+= "<a href=" + linkArrayList[i] + " target=_blank > <span style='font-family:verdana ; font-size: 8pt ;  height:5px; margin-bottom:3px; '>" + textArrayList[i] + "</span> </a>" ;         
       counter++;
       if (i !=0)
       {
        str+=   "<img style='margin-top:5px;' src='/_layouts/1033/images/MarqueeIcon.GIF' >" ;
       }
      }

      output.Write( " <marquee>" + str + "</marquee>" );
         
     }
     else
     {
     output.WriteLine (" There is No listings in this area  " + this.URL.ToString() + "   !");
     }
    }
    else
    {
     output.Write ("Wrong area URL, Go back to the webpart properties to correct the area URL (e.g http://serverName:port/areaName)");
    }

   }
     
   catch (Exception ee)
   {
    output.Write (   "Errorr : " + ee.Message   );
    
   }
  }
  private AreaListingCollection GetAreaListings(string url)
  {

   SPSite siteCollection;
   SPWeb site ;

   try
   {
    if (url=="")
    {
     siteCollection = SPControl.GetContextSite(Context);
     site = SPControl.GetContextWeb(Context);   
    }
    else
    {
     siteCollection = new SPSite(url);
     site = siteCollection.OpenWeb();
    }
   
    TopologyManager topologyManager = new TopologyManager();
    Uri uri =new Uri(siteCollection.Url);//new Uri("http://MyPortal");
    PortalSiteCollection sites = topologyManager.PortalSites;
    PortalContext portalContext = PortalApplication.GetContext(sites[uri]);
    Area newsArea = AreaManager.GetArea(portalContext, site.ID);
    return newsArea.Listings;
    
   }
   catch (Exception ee)
   {
     return null;
   }
  }

  

This Article Published on:

http://ahmadadainat.spaces.live.com

 

http://www.msd2d.com/Content/Tip_viewitem_03.aspx?section=SharePoint&category=Development&id=2aeb45ef-c623-4b79-b6cf-1e5354276422

 

Please drop me an email if you have any comments or enquiries.  ahmad.adainat@gmail.com , dont forget to swing by my blog to see my latests.