【插件】线路模块添加日历报价
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()" /> 报价:<input type="text" name="Item34" id="Item34" size="15" value="0" /> <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()" /> 报价:<input type="text" name="Item34" id="Item34" size="15" value="<%=Item34(baojiai)%>" /> <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()" /> 报价:<input type="text" name="Item34" id="Item34" size="15" value="0" /> <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"-->