oaup9/o2web/source/x_component_portal_PageDesigner/Module/Widget/widget.html

<div style="background-color: #FFF; overflow: hidden">
	<div title="{{$.lp.base}}" class="MWFTab">
		<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
		  <tr>
		    <td class="editTableTitle">{{$.lp.id}}:</td>
		    <td class="editTableValue"><input type="text" name="id" value="text{$.id}" class="editTableInput"/></td>
		  </tr>
		  <tr>
		    <td class="editTableTitle">{{$.lp.name}}:</td>
		    <td class="editTableValue"><input type="text" name="name" value="text{$.name}" class="editTableInput"/></td>
		  </tr>
		  <tr>
		    <td class="editTableTitle">{{$.lp.description}}:</td>
		    <td class="editTableValue"><input type="text" name="description" value="text{$.description}" class="editTableInput"/></td>
		  </tr>
		  <!--<tr>-->
		    <!--<td class="editTableTitle">Class:</td>-->
		    <!--<td class="editTableValue"><input type="text" name="description" value="text{$.description}" class="editTableInput"/></td>-->
		  <!--</tr>-->
		</table>
		<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
			<tr>
				<td class="editTableValue" colspan="2">
					<input type="radio" onclick="if (this.checked) {$('text{$.pid}selectWidget').setStyle('display', 'block'); $('text{$.pid}scriptWidget').setStyle('display', 'none');}" name="widgetType" value="select" text{($.widgetType!='script')?'checked':''}/>{{$.lp.select}}
					<input type="radio" onclick="if (this.checked) {$('text{$.pid}selectWidget').setStyle('display', 'none'); $('text{$.pid}scriptWidget').setStyle('display', 'block');}" name="widgetType" value="script" text{($.widgetType=='script')?'checked':''}/>{{$.lp.compute}}<br/>
				</td>
			</tr>
		</table>

		<div id="text{$.pid}selectWidget" class="MWFWidgetSelectContainer" style="display: text{($.widgetType!='script')?'block':'none'}">
			<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
				<tr>
					<td class="editTableTitle">{{$.lp.application}}:</td>
					<td class="editTableValue">
						<div class="MWFWidgetAppSelect" name="widgetAppSelected"></div>
					</td>
				</tr>
				<tr>
					<td class="editTableTitle">{{$.lp.widget}}:</td>
					<td class="editTableValue">
						<div class="MWFWidgetSelect" name="widgetSelected"></div>
					</td>
				</tr>
				<!--<tr>-->
					<!--<td class="editTableTitle"></td>-->
					<!--<td class="editTableValue">-->
						<!--<input type="button" value="编辑页面" onclick="">-->
					<!--</td>-->
				<!--</tr>-->
			</table>
		</div>
		<div id="text{$.pid}scriptWidget" style="display: text{($.widgetType=='script')?'block':'none'}">
		    <div style="padding: 5px;">{{$.lp.crossApplication}}：<br/>return { <br/>
				&nbsp;&nbsp;"application" : "applicationName", //{{$.lp.computeSubmitAnnotation1}} <br/>
				&nbsp;&nbsp;"widget" : "widgetName" //{{$.lp.computeWidgetAnnotation2}}<br/>
				}; <br/> {{$.lp.thisApplication}}：<br/>return "widgetName"; </div>
			<div class="MWFScriptArea" name="widgetScript" title="{{$.lp.widgetScript}} (S)"></div>
		</div>

		<table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
			<tr>
				<td class="editTableTitle">{{$.lp.parameter}}:</td>
				<td class="editTableValue">
					<input class="editTableRadio" onclick="
						if (this.checked){
							$('text{$.pid}parametersMapList').setStyle('display', 'block');
							$('text{$.pid}parametersScript').setStyle('display', 'none')}
					" name="parameterType" text{($.parameterType!='script')?'checked':''} type="radio" value="map"/>{{$.lp.textValue}}
					<input class="editTableRadio" onclick="
						if (this.checked){
						 	$('text{$.pid}parametersScript').setStyle('display', 'block');
						 	$('text{$.pid}parametersMapList').setStyle('display', 'none')}
					"  name="parameterType" text{($.parameterType=='script')?'checked':''} type="radio" value="script"/>{{$.lp.script}}
				</td>
			</tr>
		</table>
		<!--<div id="text{$.pid}labelEditTextValue" title="值" style="display: text{($.valueType=='text')?'block':'none'}">-->
			<!--<textarea  name="text" class="editTableTextarea">text{$.text}</textarea>-->
		<!--</div>-->
		<div id="text{$.pid}parametersMapList" class="MWFMaplist" name="parametersMapList" title="{{$.lp.parameter}}" style="display: text{($.parameterType !=='script')?'block':'none'}" ></div>
		<div id="text{$.pid}parametersScript" class="MWFScriptArea" name="parametersScript" title="{{$.lp.parameterScript}}" style="display: text{($.parameterType=='script')?'block':'none'}"></div>



	<!--<div title="事件"  class="MWFTab">-->
		<!--<div class="MWFEventsArea" name="events"></div>-->
	<!--</div>-->
	</div>
	<div title="{{$.lp.event}}"  class="MWFTab">
		<div class="MWFEventsArea" name="events"></div>
	</div>
	<div title="HTML"  class="MWFTab">
		<div class="MWFHTMLArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
	</div>
	<div title="JSON"  class="MWFTab">
		<div class="MWFJSONArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
	</div>
</div>