extjs & visualforce

joe — Thu, 09 Apr 2009 15:20:59 +0000

I’m interested to hear how people are utilizing extjs in their visualforce pages. I’ve found it very helpful to use Apex to generate the store on the server side, then pass it along to the Visualforce page via a hidden input to be handled on the client side (rather than use the apex:repeat tags).

Note: once again, the grid below is a live Visualforce page from my developer Force.com site embedded into this post


public class Grid_Controller {
	public string store {get;set;}
	public list queueitems {get;set;}
	string userId = UserInfo.getUserId();

	public Grid_Controller() {
		queueitems = new queueitem[]{};
		for (Custom_Process_Instance__c cpi : [Select Owner.Name, Opportunity__r.Name, Opportunity__r.Id, (Select Id From Custom_Process_Instance_Step__r where Status__c != 'Completed' AND Status__c = 'Pending' limit 1), Percent_Complete__c, Process_Age__c from Custom_Process_Instance__c where Status__c = 'Pending' AND Opportunity__c != null and IsDeleted = false order by CreatedDate asc]) {
            		QueueItem qi = new QueueItem(cpi);
            		queueitems.add(qi);
		}        

		string myDataString = 'var myData = [ ';
		for(queueitem q : this.queueitems) {
			string showIcon = '';
			if (q.ProcessInstance.Custom_Process_Instance_Step__r.size() == 1)
        			showIcon = 'yes';

			string oppId = q.ProcessInstance.Opportunity__c;
			string oppName = q.ProcessInstance.Opportunity__r.Name;
			string launchedby = q.ProcessInstance.Owner.Name;
			double percent = q.ProcessInstance.Percent_Complete__c;
			double ageInMinutes = q.ProcessInstance.Process_Age__c;

			if (q.ProcessInstance.Opportunity__r.Name != null)
				oppName = string.escapeSingleQuotes(q.ProcessInstance.Opportunity__r.Name);
			if (q.ProcessInstance.Owner.Name != null)
				launchedBy = string.escapeSingleQuotes(q.ProcessInstance.Owner.Name);

			myDataString += '[\''+showIcon+'\',\''+oppName+'\', \''+oppId+'\',\''+launchedBy+'\',\''+percent+'\',\''+ageInMinutes+'\'],';
		}

		myDataString += '];';
		myDataString = myDataString.replace(',];', '];');
		this.store = myDataString;
	}

	public class QueueItem {
		public Custom_Process_Instance__c ProcessInstance {get;set;}
		public QueueItem(Custom_Process_Instance__c cpi) {
			this.ProcessInstance = cpi;
		}
	}
}

wrapper class and force.com sites

joe — Thu, 13 Nov 2008 20:17:05 +0000

Force.com Sites was announced last week at Dreamforce ‘08 and what a game changing announcement it was. Here’s my foray into Sites development, with nifty sample code (please note the table of opportunity data below is a live Salesforce.com Visualforce page from my development environment embedded into this post):

Controller


public class OpportunityList_Controller {
	public class MyOpportunity {
	    Opportunity o;
	    public MyOpportunity(Opportunity opp) { o = opp; }
	    public Opportunity getOpportunity(){ return o; }

	    public String getColor()  {
		    if (o.Probability < 25) return '#2A73F0';
		    else if (o.Probability >= 25 &amp;&amp; o.Probability <= 75) return '#E0B60D';
		    else if (o.Probability > 75) return '#FF0000';
		    else return '#000000';
	    }
    }

    public List results = new List{};

	public List getOpportunities() {
		results.clear();
        for (Opportunity o : [Select Id, Name, StageName, Closedate, Probability
From Opportunity where StageName != 'Closed Won' order by Name limit 20]) {
        	results.add(new MyOpportunity(o));
        }
		return results;
    }
}

Visualforce Page



	
		
			
			
				
					Opportunity Name
					
					{!o.Opportunity.Name}

joe-ferraro.com » force.com sites

extjs & visualforce

wrapper class and force.com sites