File Upload og File Download Controls

1363487986_note_uploadFile Upload virker som den skal – undtagen hvis den indsættes i en Extension Library Dialog. Men der findes en work-around som er beskrevet i denne artikel: “File Upload XPage Forms via OpenNTF.org Extension Library Dialogs” – eller i denne video.

File Download skal styles en del førend den kan bruges – det har Ferry Kranenburg fundet en løsning på.

Upload kontrollen skal se således ud:

<xp:fileDownload rows="30" id="fileDownload1"
	displayLastModified="false" displayType="true" allowDelete="false"
	hideWhen="true" value="#{document1.body}" createdTitle="upload datum"
	sizeTitle="grootte" displayCreated="false" displaySize="false"
	style="width:450.0px;text-align:left;font-size:9pt;" disabled="false"
	columnClasses="fdownload_typeClass,fdownload_fileClass,fdownload_sizeClass,"
	var="rowFile" indexVar="rowIndex">
	<xp:this.fileNameValue><![CDATA[#{javascript:var aSizes:Array = ['bytes', 'kb', 'MB', 'GB', 'TB', 'PB'];
var calcnr:Number = Math.floor(Math.log(rowFile.getLength())/Math.log(1024));
var fSize = (rowFile.getLength()/Math.pow(1024, Math.floor(calcnr))).toFixed(2)+" "+aSizes[calcnr];
rowFile.getName() + " (" + fSize + ")"}]]>
	</xp:this.fileNameValue>
</xp:fileDownload>

herefter kan resten klares med CSS:

.xspDataTableFileDownload {
	border-collapse: none;
}

.xspDataTableFileDownload TBODY TR TD {
	border: none;
	padding-right: 0px;
}

.xspDataTableFileDownload THEAD {
	display: none;
}

.fdownload_typeClass {
	width: 0px;
}

.fdownload_typeClass .xspTextComputedField {
	display: none;
	padding-right: 0px;
}

.fdownload_fileClass {

}

.fdownload_sizeClass {
	color: #D3056E;
}

Problemer med ‘See attached file” referencer i RichText?

Det er der fundet en løsning på her:

Kort fortalt så kan det fjernes med  lille javascript funktion der laver søg og erstat:

function replaceSeeAttached(the_id) {
	//var the_id = "entryBody";
	h=getComponent(the_id).getValue().toString();
	h=h.replace(/\<i class=\"domino-attachment-ref\"\>\(.*\:\s(.+?)\)\<\/i\>/g,
	"");
	getComponent(the_id).setValue(h);
}
Koden kan kaldes ‘afterPageLoad’
<xp:this.afterPageLoad>
	<![CDATA[#{javascript:replaceSeeAttached( "body" );}]]>
</xp:this.afterPageLoad>

En tanke om "File Upload og File Download Controls"

  1. Pingback: Dialogbox med Extension Library | XPages.dk

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *

*