OFC界面控件最佳实践

1 不解释。水平不够就别看。
2 不看代码别问问题。谢谢。


<#-- 系统结构 -->

<#--

  renderField 渲染字段内容
  renderDisplayField 展示显示字段 类型有图片，描述，富文本编辑框
  renderHyperlinkField 没使用 
  renderTextField 渲染输入框
  renderTextareaField 渲染Textarea框，可以为富文本编辑框
  renderDateTimeField 渲染日期控件  日期或时间
  renderDropDownField 渲染下拉框 可以多选
  renderCheckField 渲染多选框
  renderRadioField 渲染单选框
  renderSubmitField 渲染提交按钮
  renderResetField 重置按钮
  renderHiddenField 隐藏字段
  renderIgnoredField 忽略字段 没使用
  renderFieldTitle 渲染标题
  renderSingleFormFieldTitle 没使用
  renderFormOpen 渲染form起始
  renderFormClose 渲染form截至 单form提供js验证
  renderMultiFormClose 多form关闭

  renderFormatListWrapperOpen 分页表格 起始
  renderFormatListWrapperClose 分页表格 截至

  renderFormatHeaderRowOpen 渲染头部行 起始
  renderFormatHeaderRowClose 渲染头部行 截至
 
  renderFormatHeaderRowCellOpen 渲染分页表格头部列 起始
  renderFormatHeaderRowCellClose 渲染分页表格头部列 起始

  renderFormatHeaderRowFormCellOpen  渲染表单头部列 起始
  renderFormatHeaderRowFormCellClose 渲染表单头部列 截至

  renderFormatHeaderRowFormCellTitleSeparator 内容列分隔符
 
  renderFormatItemRowOpen  渲染内容行 起始
  renderFormatItemRowClose 渲染内容行 截至
 
  renderFormatItemRowCellOpen 渲染分页表格内容列 起始
  renderFormatItemRowCellClose 渲染分页表格内容列 起始
 
  renderFormatItemRowFormCellOpen  渲染表单内容列 起始
  renderFormatItemRowFormCellClose 渲染表单内容列 截至
 

  renderFormatSingleWrapperOpen  表单布局 起始
  renderFormatSingleWrapperClose 表单布局 截至

  renderFormatFieldRowOpen  表单布局行 起始
  renderFormatFieldRowClose 表单布局行 截至

  renderFormatFieldRowTitleCellOpen  表单列标题 起始
  renderFormatFieldRowTitleCellClose 表单列标题 截至

  renderFormatFieldRowSpacerCell 没有用
 
  renderFormatFieldRowWidgetCellOpen  表单列输入框 起始
  renderFormatFieldRowWidgetCellClose 表单列输入框 截至

   renderFormatEmptySpace 渲染一个空格字段
   renderTextFindField 渲染模糊搜索字段

   renderDateFindField  渲染日期大于小于控件
   renderRangeFindField 渲染大于小于控件


   renderLookupField 渲染弹出窗控件
   renderNextPrev 渲染分页
   renderFileField 上传字段
   renderPasswordField 密码字段
   renderImageField 图片字段


   renderBanner 渲染独立的banner
   renderContainerField 渲染包含独立字段
   renderFieldGroupOpen  渲染字段分组  开始
   renderFieldGroupClose 渲染字段分组  截至
   renderHyperlinkTitle 渲染超链接标题 如果可全选则增加checkbox
   renderSortField 渲染排序
   formatBoundaryComment 渲染备注
   renderTooltip 渲染提示
   className 渲染class
   renderAsterisks 渲染是否有必填，如果有则加必填星号
   makeHiddenFormLinkForm 渲染超链接为form提交类型
   makeHiddenFormLinkAnchor 渲染超链接为描点提交
   makeHyperlinkString  渲染超链接

-->

评论

4 楼 jiasudu1649 2016-05-14  

在ModelFormField.java中， public ModelFormField(Element fieldElement, ModelForm modelForm)这个方法里，有组多else if的语句用来判断控件的xml元素，在这里添加新的控件元素
在ModelFormField.java中，新增控件元素的类，可参照TextField的写法
在ModelFormField.java中，给静态变量fieldTypeByName添加这个新的控件元素
在FormStringRenderer.java这个interface中，添加一个render这个新field的方法声明
在MacroFormRenderer.java这个类中，实现上一步的那个render这个新field的方法。
同理，所有实现FormStringRenderer这个interface的类，都需要实现这个方法
在htmlFormMacroLibrary.ftl中，添加这个新控件元素的macro定义。

3 楼 孔已己 2015-05-10  

之前我一直看不懂，今天我能看懂了

2 楼 jiasudu1649 2015-03-14  

<form name="CreateSecurityGroup" type="single" target="createSecurityGroup" default-map-name="securityGroup">
        <field name="groupId" title="${uiLabelMap.CommonSecurityGroupId}" widget-style="required" tooltip="${uiLabelMap.CommonRequired}"><text size="20" maxlength="20"/></field>
        <field name="description" title="${uiLabelMap.CommonDescription}" position="1"><text size="60" maxlength="250"/></field>
        <field name="submitButton" title="${uiLabelMap.CommonSave}" position="1" widget-area-style="submitButton" ><submit button-type="button"/></field>
        <field name="cancelLink" title=" " widget-style="smallSubmit " position="1" >
            <hyperlink target="${cancelPage}" also-hidden="false" description="${uiLabelMap.CommonCancelDone}">
                <parameter param-name="partyId"/>
            </hyperlink>
        </field>
    </form>

1 楼 jiasudu1649 2015-03-14  

<#macro renderFormatFieldRowWidgetCellOpen positionSpan style>
  <td<#if positionSpan?has_content && positionSpan gt 0 &&style?has_content &&style=="submitButton"> colspan="${positionSpan*3}"</#if><#if style?has_content> class="${style}"</#if>>
</#macro>


13.07  433 修正colspan＝4的问题