附录：Smartbi前端框架介绍

	/**
	 * 该方法显示一个对话框
	 * 
	 * @param dlgConf
	 *            对话框配置对象
	 *            {fullName,size[option],width[option],height[option],resizable[option],title[option],dialogType[option]}
	 *            fullName: 必须项,对话框的全名,例如freequery.dialog.OpenSaveDialog <br>
	 *            size: 可选项,对话框尺寸(指定该项将会忽略width和height) <br>
	 *            width: 可选项,对话框宽度 <br>
	 *            height: 可选项,对话框高度 <br>
	 *            resizable: 可选项,对话框大小是否可变, 合法值 'yes', 'no' <br>
	 *            title: 可选项,对话框标题 <br>
	 *            dialogType: 可选项，对话框模态，缺省值'modal', 合法值 'modal', 'modeless' <br>
	 * @param params
	 *            参数数组，对应对话框组件对象init方法的data参数
	 * @param fn
	 *            回调函数,对应对话框组件对象init方法的fn参数
	 * @param obj
	 *            回调函数内部的this对象
	 * @param opts
	 *            扩展配置，eg: {success:function(){}}
	 */
	showDialog : function(dlgConf, params, fn, obj, opts) {}

var BaseDialogEx = jsloader.resolve("freequery.dialog.BaseDialogEx");
var domutils = jsloader.resolve("freequery.lang.domutils");
var util = jsloader.resolve("freequery.common.util");
var PagePanel = jsloader.resolve("freequery.control.PagePanel");
var Configuration = jsloader.resolve("Configuration");
 
var AboutDialog = function() {
};
lang.extend(AboutDialog, BaseDialogEx);
 
AboutDialog.prototype.init = function(parent, data, fn, obj) {
	AboutDialog.superclass.init.call(this, parent, data, fn, obj);
	BaseDialogEx.superclass.init.call(this, this.dialogBody, __url, true);
	this.dialogBody.style.border = 'none';
	this.dialogBody.style.backgroundColor = 'transparent';
	document.body.style.overflow = "";
	var companyName = data[0];
	var webAddress = data[1];
	var mailAddr = data[2];
	this.parentWindow = data[3]
	this.setButtonVisible("BTNCANCEL", false);
	this.lblCompanyName = domutils.findElementByClassName(this.parent, "_companyname");
	if (companyName)
		this.lblCompanyName.innerHTML = companyName;
	this.lblWebAddress = domutils.findElementByClassName(this.parent, "_webaddress");
	if (webAddress) {
		this.lblWebAddress.innerHTML = webAddress;
		this.lblWebAddress.href = webAddress;
	}
	if (mailAddr) {
		this.elemMailto.href = mailAddr;
	}
	this.buildDate = domutils.findElementByClassName(this.parent, "_buildDate");
	if (Configuration.isSpreadsheetEdition || Configuration.isXQueryEdition) {
		var trBuild = this.buildDate.parentNode.parentNode;
		var tbody = trBuild.parentNode;
		var trEdition = tbody.insertRow(trBuild.rowIndex);
		var tdEdition = trEdition.insertCell(-1);
		tdEdition.style.height = '20px';
		tdEdition.style.textAlign = 'center';
		var name = Configuration.isSpreadsheetEdition ? 'Spreadsheet' : 'xQuery';
		var text = 'Smartbi ' + name + ' Edition'
		tdEdition.innerText = text;
	}
	this.warBuildDate = domutils.doGet("version.txt");
	if (this.warBuildDate.indexOf("HTTP Status 404") >= 0) {
		this.warBuildDate = "${Mayisthedevelopmentversion}";
	}
	this.warPackageInfo = domutils.doGet("packageinfo.txt");
	this.warSourceVersion = "";
	this.warSourceTag = "";
	if (this.warPackageInfo.indexOf("HTTP Status 404") == -1) {
		var versionInfo = /\b(Version:.+)(\n|\r)/.exec(this.warPackageInfo);
		if (versionInfo != null) {
			this.warSourceVersion = versionInfo[0];
		}
		var tagInfo = /\b(TAG:.+)(\n|\r)/.exec(this.warPackageInfo);
		if (tagInfo != null) {
			this.warSourceTag = tagInfo[0];
		}
	}
	this.buildDate.innerHTML = this.warBuildDate + "<br />" + this.warSourceVersion + "<br />"
			+ this.warSourceTag;
	this.initTab();
}
 
AboutDialog.prototype.destroy = function() {
	if (this.aboutTab) {
		this.aboutTab.destroy();
	}
	if (this.licenseInfoTab) {
		this.licenseInfoTab.destroy();
	}
	if (this.javaInfoTab) {
		this.javaInfoTab.destroy();
	}
	if (this.pagecontrol) {
		this.pagecontrol.destroy();
	}
	AboutDialog.superclass.destroy.call(this);
}
 
AboutDialog.prototype.initTab = function() {
	this.initLicenseInfo(this.elemLicenseInfoDiv);
	this.initJavaInfo(this.elemJavaInfoDiv);
	this.pagecontrol = new PagePanel(this.elemTabPanel);
	this.pagecontrol.contentBanner.style.backgroundColor = '#fff';
	this.aboutTab = this.pagecontrol.appendTab();
	this.aboutTab.setCaption("${About}");
	this.licenseInfoTab = this.pagecontrol.appendTab();
	this.licenseInfoTab.setCaption("License");
	this.javaInfoTab = this.pagecontrol.appendTab();
	this.javaInfoTab.setCaption("Java");
	this.aboutTab.appendItem(this.elemAboutDiv);
	if (this.aboutTab.itemParent) {
		this.aboutTab.itemParent.style.verticalAlign = 'middle';
	}
	this.licenseInfoTab.appendItem(this.elemLicenseInfoDiv);
	this.javaInfoTab.appendItem(this.elemJavaInfoDiv);
	this.pagecontrol.tabs[0].setActive();
	this.pagecontrol.autoFitResize();
}
 
AboutDialog.prototype.initLicenseInfo = function(elem) {
	var func = function(ret) {
		if (ret && ret.succeeded && ret.result) {
			var result = ret.result;
			if (result.hasLicense) {
				var html = [ '<table style="table-layout: fixed;" cellPadding="0" cellSpacing="0">' ];
				html.push('<col style="width:45%" /><col style="width:55%" />');
				html.push("<tr><td>${License.Type}${Colon}</td><td>"
						+ (result.type == 'evaluation' ? "${License.Evaluation}"
								: "${License.Formal}") + "</td></tr>");
				html.push("<tr><td>${License.Licensee}${Colon}</td><td>" + result.licensee + "</td></tr>");
				html.push("<tr><td>${License.Expiration}${Colon}</td><td>" + result.expiration
						+ "</td></tr>");
				html.push("<tr><td>${License.AuthorizedUsersCount}${Colon}</td><td>"
						+ this.parseCount(result.authorizedUsers) + "</td></tr>");
				html.push("<tr><td>${License.SessionCount}${Colon}</td><td>"
						+ this.parseCount(result.sessionCount) + "</td></tr>");
				html.push("<tr><td>${License.ReportCount}${Colon}</td><td>"
						+ this.parseCount(result.reportCount) + "</td></tr>");
				html.push("<tr><td>${License.MobileCount}${Colon}</td><td>"
						+ this.parseCount(result.mobile) + "</td></tr>");
				html.push("</table>");
				elem.innerHTML = html.join('');
				this.elemLicenseto.innerHTML = "${Licenseto} " + result.licensee;
			} else {
				elem.innerHTML("${License.NoLicense}");
			}
		}
	};
	util.remoteInvoke("CommonService", "getLicenseInfo", [], func, this);
}
 
AboutDialog.prototype.parseCount = function(count) {
	return (count == -1) ? "${License.Unlimited }" : count;
}
 
AboutDialog.prototype.initJavaInfo = function(elem) {
	var func = function(ret) {
		if (ret && ret.succeeded && ret.result) {
			var result = ret.result;
			var html = [];
			html.push('<div class="wrapper-outer"><div class="wrapper-inner">');
			html.push('<table style="empty-cells: show; width:100%; height:100%; table-layout: fixed;" cellPadding="0" cellSpacing="0">');
			html.push('<col style="width:35%" /><col />');
			var tdStyle = ' style="word-break: break-all; word-wrap:break-word;" ';
			for (var i = 0, len = result.length; i < len; i++) {
				var row = result[i];
				html.push('<tr><td ' + tdStyle + '>' + row[0] + '</td><td ' + tdStyle + '>'
						+ row[1] + '</td></tr>');
			}
			html.push('</table>');
			html.push('</div></div>');
			elem.innerHTML = html.join('');
		}
	};
	util.remoteInvoke("CommonService", "getSystemProperties", [], func);
}
 
AboutDialog.prototype.elemProductWeb_click_handler = function(e) {
	domutils.stopEvent(e);
	this.parentWindow.open(this.lblWebAddress.href || this.lblWebAddress.getAttribute("href"));
};
 
AboutDialog.prototype.elemReleaseNotes_click_handler = function(e) {
	domutils.stopEvent(e);
	this.parentWindow.open(this.elemReleaseNotes.href || this.elemReleaseNotes.getAttribute("href"));
};
 
AboutDialog.prototype.elemSupportWeb_click_handler = function() {
};
 
AboutDialog.prototype.elemCompareName_click_handler = function(e) {
	domutils.stopEvent(e);
	this.parentWindow.open(this.lblWebAddress.href || this.lblWebAddress.getAttribute("href"));
};

<div align="center" style="width:100%; height:100%; line-height:22px;">
	<div bofid="tabPanel" class="_tabPanel" style="height:100%;width:100%;"></div>
	<table bofid="aboutDiv" class="_list_log_div tab-content system_color_white " style="overflow:auto;" width="100%" border="0">
	  <tr>
	    <td width="100%" valign="top">
	      <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
	        <tr>
	          <td height="73px" align="center" style="background:url(img/about/logo${ImageSuffix}.png) no-repeat center center;"></td>
	        </tr>
	        <tr>
	          <td height="20" align="center">
	            <span bofid="licenseto"></span>
	          </td>
	        </tr>
	        <tr>
	          <td height="20" align="center">
	            <span>Build:&nbsp;</span><span class="_buildDate">2008-10-31</span>
	          </td>
	        </tr>
	        <tr>
	          <td height="20" align="center">
	            <span class="_companyname">${Smartbi}</span>&nbsp;
	          </td>
	        </tr>
	        <tr>
	        	<td height="20" align="center">
	        		<a class="_webaddress link-item" bofid="compareName" target="_blank" href="http://www.smartbi.com.cn">http://www.smartbi.com.cn</a>
	        	</td>
	        </tr>
	        <tr>
	          <td height="20" align="center">
	            <a class="link-item2" bofid="productWeb" target="_blank" href="http://www.smartbi.com.cn">${ProductWebsite}</a>&nbsp;
	            <a class="link-item2" bofid="releaseNotes" target="_blank" href="http://wiki.smartbi.com.cn/pages/viewpage.action?pageId=17956904">${ReleaseNotes}</a>&nbsp;
				<a class="link-item2" bofid="mailto" href="mailto:support@smartbi.com.cn">${Contactus}</a>
	          </td>
	        </tr>
	      </table>
	    </td>
	    <td>
	      <table width="100%" border="0" >
	        
	      </table>
	    </td>
	  </tr>
	</table>
	<div bofid="licenseInfoDiv" class="editblock _list_run_div tab-content system_color_white " style="overflow:auto; height:100%;width:100% "/>
	<div bofid="javaInfoDiv" class="editblock _list_run_div tab-content system_color_white " style="overflow:auto; height:100%; width:100% "/>
</div>