Since this is a Notes database on a Domino server, I figured the best way to get started would be with XPages. I don’t know XPages very well at all, but how hard could it be?
I have also chosen JQuery and JQuery Mobile as my framework. I’ve dabbled with these before so I’m most familiar with these, and that was really the only reason I chose them.
Note about the app: I’m not going crazy with features here, V1.0 will be a proof of concept.
Step 1 - Create the initial page.
The first page a user will see in version one is a list of all the customers. This turned out to be incredibly easy with XPages. After 10 minutes and a repeat control I ended up with this:
Here is all I have so far:
<xp:this.data>
<xp:dominoView var="view1" databaseName=server/852!!test\crm.nsf" viewName="ALLCOMPANIES">
</xp:dominoView>
</xp:this.data>
<ul>
<xp:repeat var="vw" rows="30" value="#{view1}">
<li>
<a href="details.xsp?documentId=#{javascript:vw.getNoteID()}">
<xp:text styleClass='companyName' escape="true" id="computedField1"
value="#{vw.fcftCompany_WB}">
</xp:text>
<br />
<xp:text styleClass='companyAddress'
escape="true" id="computedField2"
value="#{vw.faddAddress_SS}">
</xp:text>
<xp:br />
<xp:text styleClass='companyAddress'
escape="true" id="computedField3"
value="#{vw.faddAddress_SS_1}">
</xp:text>
<xp:br
rendered="#{vw.faddAddress_SS_1!=''}" />
<xp:text styleClass='companyAddress'
escape="true" id="computedField4" value="#{vw.faddTown_SS}">
</xp:text>
<xp:text styleClass='companyAddress'
escape="true" id="computedField5"
value=", #{vw.faddCounty_SS}">
</xp:text>
<xp:text styleClass='companyAddress'
escape="true" id="computedField6"
value=" #{vw.faddPostcode_SS}">
</xp:text>
<xp:text styleClass='companyAddress'
escape="true" id="computedField7"
value=", #{vw.faddCountry_SS}">
</xp:text>
</a>
</li>
</xp:repeat>
</ul>
I know, it’s a bit basic, but in the next post I’ll show how Jquery Mobile is going to help with that.