美文网首页
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