美文网首页
form表单

form表单

作者: sundern | 来源:发表于2018-06-30 09:49 被阅读4次

1.<youi:form></youi:form>

id:form_【内容】

reset:【NOT】重置按钮

submit:【NOT】提交按钮

action:【提交后的处理方法】

表单内容可用<youi:fieldLayout></youi:fieldLayout>标签包围,主要目的在于控制一行显示几列的样式

2.输入框:<youi:fieldText/>

property:【提交对象对应的字段】

caption:【字段描述】

3.多选项:<youi:fieldCheckboxGroup/>

property:【提交对象对应的字段】

caption:【字段描述】

多选列表的两种表达方式:

1.convert:【多选项的转换】

2.没用过

show:【show】

code:【code】

src:【】

4.【应用场景】重写form表单的提交按钮:

在form表单外:

<youi:button name="submit" icon="submit" caption="提交" submitProperty="submit" submitValue="1"/>

5.【应用场景】:如果是对话框,提交表单后关闭对话框的动作

<youi:func name="【form标签的id】_afterSubmit" params="results">

     $.youi.messageUtils.showMessage('保存成功.');    

    $elem('【form标签的id】',pageId).form('reset');    

    $.youi.pageUtils.closeAndRefreshSubpage(pageId,results.record);//关闭并刷新主页面的subpage组件

</youi:func>

(注意:提交后想要看到变化需要在前一个页面写change方法)

6.自动填充form表单的方法:

<youi:func name="init" params="results">

if(results&&results.record){

        $elem('【form标签的id】',pageId).form('fillRecord',results.record);

    }

</youi:func>

相关文章

网友评论

      本文标题:form表单

      本文链接:https://www.haomeiwen.com/subject/gnxtuftx.html