#jankzform.html 模板應用 > v1.0 更新說明 ~~~ <extend name="./Apps/JankzMaker/View/Public/main.html" /> <block name="metatitle"> <title>{{$meta_title}}</title> </block> <block name="my_css"></block> <block name="main"> <form method="post" class="ui form attached segment" action="{{$post_url}}"> <div class="ui text container"> <div class="ui top attached inverted header">{{$meta_title}}</div> <div class="buttom attached segment"> <!-- 此處不分欄即默認是一欄顯示 --> <if condition="$set_coulmn eq 1"> <div class="field"> <volist name="form_items" id="item"> <switch name="item.type"> <include file="Apps/JankzMaker/View/Common/case.html" /> </switch> </volist> </div> </if> <!-- 此處分兩欄 --> <if condition="$set_coulmn eq 2"> <div class="two fields"> <div class="field"> <volist name="form_items" id="item"> <if condition="$item.coulmn eq 1"> <switch name="item.type"> <include file="Apps/JankzMaker/View/Common/case.html" /> </switch> </if> </volist> </div> <div class="field"> <volist name="form_items" id="item"> <if condition="$item.coulmn eq 2"> <switch name="item.type"> <include file="Apps/JankzMaker/View/Common/case.html" /> </switch> </if> </volist> </div> </div> </if> <!-- 此處分三欄 --> <if condition="$set_coulmn eq 3"> <div class="three fields"> <div class="field"> <volist name="form_items" id="item"> <if condition="$item.coulmn eq 1"> <switch name="item.type"> <include file="Apps/JankzMaker/View/Common/case.html" /> </switch> </if> </volist> </div> <div class="field"> <volist name="form_items" id="item"> <if condition="$item.coulmn eq 2"> <switch name="item.type"> <include file="Apps/JankzMaker/View/Common/case.html" /> </switch> </if> </volist> </div> <div class="field"> <volist name="form_items" id="item"> <if condition="$item.coulmn eq 3"> <switch name="item.type"> <include file="Apps/JankzMaker/View/Common/case.html" /> </switch> </if> </volist> </div> </div> </if> <!-- 此處分四欄 不建議 --> <if condition="$set_coulmn eq 4"> <div class="four fields"> <div class="field"> <volist name="form_items" id="item"> <if condition="$item.coulmn eq 1"> <switch name="item.type"> <include file="Apps/JankzMaker/View/Common/case.html" /> </switch> </if> </volist> </div> <div class="field"> <volist name="form_items" id="item"> <if condition="$item.coulmn eq 2"> <switch name="item.type"> <include file="Apps/JankzMaker/View/Common/case.html" /> </switch> </if> </volist> </div> <div class="field"> <volist name="form_items" id="item"> <if condition="$item.coulmn eq 3"> <switch name="item.type"> <include file="Apps/JankzMaker/View/Common/case.html" /> </switch> </if> </volist> </div> <div class="field"> <volist name="form_items" id="item"> <if condition="$item.coulmn eq 4"> <switch name="item.type"> <include file="Apps/JankzMaker/View/Common/case.html" /> </switch> </if> </volist> </div> </div> </if> <div class="c"> <button class="ui button teal " type="button">保存內容</button> <button class="ui button" type="submit">取消</button> </div> </div> </div> </form> </block> <block name="my_js"> <script type="text/javascript"> $(document).ready(function(){ $("button[type=button]").click(function(){ $.ajax({ type:'POST', url:$("form").attr("action"), data:$("form").serialize(), success:function(response,status,xhr){ layer.msg(response.info); } }); }); }); </script> </block> ~~~