【插件】线路模块添加日历报价

2016-01-30阅读:2498

演示效果:


使用说明:
1、表Cuz_Tour添加字段:



2、修改Admin/TourEdit.asp
(1)添加项目代码块中添加以下代码:
Rs("Item32")=Trim(Request.Form("Item32"))
Rs("Item33")=Trim(Request.Form("Item33"))
Rs("Item34")=Trim(Request.Form("Item34"))
(2)修改项目代码块中添加以下代码:
Rs("Item32")=Trim(Request.Form("Item32"))
Rs("Item33")=Trim(Request.Form("Item33"))
Rs("Item34")=Trim(Request.Form("Item34"))
(3)显示项目代码块中添加以下代码:
Item32=Trim(Rs("Item32"))
Item33=Trim(Rs("Item33"))
Item34=Trim(Rs("Item34"))
(4)表单内添加一行,代码如下:
      <tr>
        <td align="right">行程报价</td>
        <td>            
            <div id="baojia">
                <%if ItemID="" then%>
                <p style="margin-top: 5px;">
                    <input type="text" name="Item32" id="Item32" size="15" value="<%=Date()%>" onClick="WdatePicker()" /> - <input type="text" name="Item33" id="Item33" size="15" value="<%=Date()%>" onClick="WdatePicker()" />&nbsp;报价:<input type="text" name="Item34" id="Item34" size="15" value="0" />&nbsp;<input type="button" id="delbaojia" value="删除" onclick="deltr(this)" />
                </p>
                <%else%>
                  <%
                      Item32=split(Item32,", ")
                      Item33=split(Item33,", ")
                      Item34=split(Item34,", ")

                      for baojiai=Lbound(Item32) to Ubound(Item32)
                  %>
                    <p style="margin-top: 5px;">
                            <input type="text" name="Item32" id="Item32" size="15" value="<%=Item32(baojiai)%>" onClick="WdatePicker()" /> - <input type="text" name="Item33" id="Item33" size="15" value="<%=Item33(baojiai)%>" onClick="WdatePicker()" />&nbsp;报价:<input type="text" name="Item34" id="Item34" size="15" value="<%=Item34(baojiai)%>" />&nbsp;<input type="button" id="delbaojia" value="删除" onclick="deltr(this)" />
                        </p>
                  <%next%>
                <%end if%>
            </div>
            <div style="margin-top: 5px;"><input type="button" id="addbaojia" value="添加" /></div>
                <script type="text/javascript">
                    $(function () {
                        var show_count = 20;   //要显示的条数
                        $("#addbaojia").click(function () {            
                            var length = $("#baojia p").length;
                            if (length < show_count)    //点击时候,如果当前的数字小于递增结束的条件
                            {
                                $("#baojiacopy p").clone().appendTo("#baojia");   //在#baojiacopy后面添加一行
                            }
                        });
                    });

                    function deltr(opp) {
                        var length = $("#baojia p").length;
                        if (length <= 1) {
                            alert("至少保留一行");
                        } else {
                            $(opp).parent().remove();//移除当前行
                        }
                    }
                </script>
        </td>
      </tr>
(5)</body>之前添加以下代码:
<!--报价模板开始-->
<div id="baojiacopy" style="display: none;">
    <p style="margin-top: 5px;">
        <input type="text" name="Item32" id="Item32" size="15" value="<%=Date()%>" onClick="WdatePicker()" /> - <input type="text" name="Item33" id="Item33" size="15" value="<%=Date()%>" onClick="WdatePicker()" />&nbsp;报价:<input type="text" name="Item34" id="Item34" size="15" value="0" />&nbsp;<input type="button" id="delbaojia" value="删除" onclick="deltr(this)" />
    </p>
</div>
<!--报价模板结束-->
说明:日历报价使用了Jquery,所以需引入Jquery,可以在Admin/Config.asp中的<head>标签中引入Jquery

3、安装日历报价

点击下载
(1)下载附件,将压缩包中的DatePrice.asp上传到Tour目录中

(2)在Show.asp中要显示日历报价的地方包含DatePrice.asp:<!--#include file="DatePrice.asp"-->

大家都爱看
查看更多热点文章