当前位置:首页 > 开发 > 编程语言 > JSP > 正文

第一个项目的jsp<不会的很多啊!!!>

发表于: 2015-04-27   作者:南头一霸   来源:转载   浏览:
摘要: <%@ page language="java" contentType="text/html; charset=UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@ taglib pr
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="code" uri="/WEB-INF/tld/code4dropdown.tld"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<html>
<head>
    <title>LMS 系统工作台</title>
    <meta name="menuId" content="lms-clueslist"/>
<script>
$(function(){
            
$("#btn_query").on("click", function(){
$("#searchForm").submit();
});
$("#btn_clear").click(function(){
$(':input','#searchForm') 
.not(':button, :submit, :reset, :hidden') 
.val('') 
.removeAttr('selected'); 
})

$("select").each(function(){
$(this).val($(this).attr("data-select"));
});

var provinceId = "${data.province}";
var cityId = "${data.city}";
var areaId = "${data.area}";

$.getJSON("${rc.contextPath}/region/listpivs", function(json){
$('#select_prov').append($('<option>全部</option>').attr('value',''));
$('#select_city').append($('<option>全部</option>').attr('value',''));
$('#select_area').append($('<option>全部</option>').attr('value',''));

$.each(json, function(i,val){
$('#select_prov').append(function(){
var p = $('<option></option>').attr('value',val.id).html(val.name);
return p;
});
});

if(provinceId != ""){
$('#select_prov').val(provinceId);
provChange(provinceId);
cityChange(cityId);
}
});

var provChange = function(id){
$('#select_city').empty();
$('#select_area').empty();

$('#select_city').append($('<option>全部</option>').attr('value',''));
$('#select_area').append($('<option>全部</option>').attr('value',''));

$.getJSON("${rc.contextPath}/region/listcitys/"+id, function(json){
                    $.each(json, function(i,val){                  
                        $('#select_city').append(function(){
                            var p = $('<option></option>').attr('value',val.id).html(val.name);
                            return p;
                        });
                    });
                   
                    if(cityId != ""){
    $('#select_city').val(cityId);
    cityChange(cityId);
    }
                });
}

var cityChange = function(id){
$('#select_area').empty();
$('#select_area').append($('<option>全部</option>').attr('value',''));

$.getJSON("${rc.contextPath}/region/listcitys/"+id, function(json){ 
                    $.each(json, function(i,val){                  
                        $('#select_area').append(function(){
                            var p = $('<option></option>').attr('value',val.id).html(val.name);
                            return p;
                        });
                    });
                    if(cityId != ""){
    $('#select_area').val(areaId);
    }
                });
}

$('#select_prov').on("change",function(){provChange($(this).val())});
$('#select_city').on("change",function(){cityChange($(this).val())});

/*table 中的checkbox 的全选功能  */
$("#allCheck").click(function() {
//console.log("select all");
if ($("#allCheck").prop("checked")) {
$("input[name='selectCustomer']").each(function() {
$(this).prop("checked", true);
})
} else {
$("input[name='selectCustomer']").each(function() {
$(this).prop("checked", false);
})
}
});

/*发送邮件*/
$("#sendEmail").on("click",function(){
//console.log("send mail");
var customerArrEmail = "";
$("input[name='selectCustomer']").each(function(){
if( $(this).prop("checked")){
var customerEmail = $(this).parent().parent().find("td:eq(3)").find("input").val();
if(customerEmail != "")
customerArrEmail += customerEmail+";";
}
});
console.log(customerArrEmail);
$("#emailVal").val(customerArrEmail);
$("#phoneVal").val("");
$("#sendOption").submit();
});

/*发送短信*/
$("#sendPhone").on("click",function(){
var customerArrPhone = "";
$("input[name='selectCustomer']").each(function(){
if( $(this).prop("checked")){
var customerPhone = $(this).parent().parent().find("td:eq(2)").html();
if(customerPhone != "")
customerArrPhone += customerPhone+";";
}
});
console.log(customerArrPhone);
if(customerArrPhone == ""){
customerArrPhone = "phone";
}
$("#phoneVal").val(customerArrPhone);
$("#emailVal").val("");
$("#sendOption").submit();
});

/*创建线索*/
$("#btn_createsales").on("click",function(){
location.href = "${rc.contextPath}/saleclues/new";
});

/*得到checkbox中所选择的客户Id */
function getSelectedIds(){
  var customerArr = [];
  if($("#allCheck").prop("checked")){
  $("input[name='hobby']").each(function(){
/* var customerId = $(this).val();
cu stomerArr += customerId+",";*/
customerArr.push($(this).val());
   });
  }else{
  $("input[name='hobby']").each(function(){
  if( $(this).prop("checked")){
/* var customerId = $(this).val();
cus tomerArr += customerId+",";*/
customerArr.push($(this).val());
}
   });
  }
  return customerArr.join(",");
}


/*分配 */
var d;
$('#allotsaleclues').click(function(){
d = dialog(this);
d.open();
});
$("#confirmButton").click(function(){
  var selectedIds = getSelectedIds();
  if(selectedIds != ""){
  $.ajax({
  url:"<c:url value='/saleclues/allotsaleclues'/>",
  type:"post",
  dataType:"json",
  data:{
  selectedIds:selectedIds,
  newOrgId:3
  },
  success:function(data){
  if(data.type == "1"){
  console.log('bb');
  //alert(data.msg);
  d.close();
  }else
     alert(data.msg);
  }
  })
  }else
               alert("请选择数据");  
});
$("#cancelButton").click(function(){
d.close();
})
/*分配 */

/*回收*/
var d2;
$('#recyclesaleclues').click(function(){
d2 = dialog(this);
d2.open();
});
$("#confirmButton2").click(function(){
  var selectedIds = getSelectedIds();
  if(selectedIds != ""){
  $.ajax({
  url:"<c:url value='/saleclues/recyclesaleclues'/>",
  type:"post",
  dataType:"json",
  data:{
  selectedIds:selectedIds
  },
  success:function(data){
  if(data.type == "1"){
  console.log('bb');
  //alert(data.msg);
  d2.close();
  }else
     alert(data.msg);
  }
  })
  }else
               alert("请选择数据");  
});
$("#cancelButton2").click(function(){
d2.close();
})
/*回收 */

/*关闭*/
var d3;
$('#closesaleclues').click(function(){
d3 = dialog(this);
d3.open();
});
$("#confirmButton3").click(function(){
  var selectedIds = getSelectedIds();
  if(selectedIds != ""){
  $.ajax({
  url:"<c:url value='/saleclues/closesaleclues'/>",
  type:"post",
  dataType:"json",
  data:{
  selectedIds:selectedIds,
  reason:'客户反悔了'
  },
  success:function(data){
  if(data.type == "1"){
  console.log('bb');
  //alert(data.msg);
  d3.close();
  }else
     alert(data.msg);
  }
  })
  }else
               alert("请选择数据");  
});
$("#cancelButton3").click(function(){
d3.close();
})
/*关闭*/
});
</script>
</head>

<body>
<div class="main-data">
<h3 class="clear-x-margin">查询条件</h3>
<div class="data-box">
<form class="form-format" style="padding-top: 15px" id="searchForm" method="post" action="${rc.contextPath}/saleclues/doquery">
<div class="full-line">
<div class="form-line split4">
<label>客户姓名:</label>
<input value="${data.customerName}" type="text" name="customerName" />
</div>
<div class="form-line split4">
<label>联系电话:</label> <input value="${data.mobile}" type="text" name="mobile" />
</div>
<div class="form-line split4">
<label>客户来源:</label>
<select name="customerSourceCd" data-select="${data.customerSourceCd}">
<code:dropdown codetype="SOURCEFROM" first="全部" value="${data.sourceCd}"/>
</select>
</div>
<div class="form-line split4">
<label>所属分站:</label>
<select name="orgId" data-select="${data.orgId}">
<code:dropdown first="全部" isorg="true"/>
</select>
</div>
</div>

<div class="full-line">
<div class="form-line split4">
<label>所在省份:</label>
<select name="province" id="select_prov" data-select="${data.province}">
</select>
</div>
<div class="form-line split4">
<label>所在城市:</label>
<select name="city" id="select_city" data-select="${data.city}">
</select>
</div>
<div class="form-line split4">
<label>所在区县:</label>
<select name="area" id="select_area" data-select="${data.area}">
             </select>
</div>
<div class="form-line split4">
<label>旺旺ID:</label> <input value="${data.wangwangId}" type="text" name="wangwangId"/>
</div>
</div>
<div class="full-line">
<div class="form-line split4">
<label>小区名称:</label> <input value="${data.communityName}" type="text" name="communityName"/>
</div>
<div class="form-line split4">
<label>交房时间:</label>
<select name="deliveryDateCd" data-select="${data.deliveryDateCd}">
<code:dropdown codetype="DELIVERYDT" first="全部"/>
</select>
</div>
<div class="form-line split4">
<label>线索状态:</label>
<select name="statusCd" class="hasCustomSelect" data-select="${data.statusCd}">
            <code:dropdown codetype="SALECLUESSTATUS" first="全部"/>
</select>
</div>
<div class="form-line split4">
<label>跟进人:</label> <select name="select_person" data-select="${data.select_person}">
</select>
</div>
</div>
<div class="form-line split4">
<label>创建时间:</label>
<input id="id_picker_from" name="createDtBegin" value="${data.createDtBegin}" type="text" data-beatpicker="true" data-beatpicker-extra="customOptions" data-beatpicker-module="clear,footer" />
</div>
<div class="form-line split4">
<label>至:</label>
<input id="id_picker_to" name="createDtEnd" value="${data.createDtEnd}" type="text" data-beatpicker="true" data-beatpicker-extra="customOptions" data-beatpicker-module="clear,footer" />
</div>

<div class="form-line full-line align-right">
<div class="cls"></div>
<span class="submit-button" style="margin-right: 2px" id="btn_query"><font>查询</font><i class="submit-radius"></i></span>
<span class="submit-button" style="margin-right: 38px" id="btn_clear"><font>清空条件</font><i class="submit-radius"></i></span>
</div>
</form>
</div>
</div>

<div class="main-data">
<h3 class="clear-x-margin">查询结果</h3>
<table class="tbl-box">
<tr class="tbl-title">
<td><input type="checkbox" id="allCheck" name="allCheck" value="1">全选</td>
<td>客户名称</td>
<td>联系电话</td>
<td>所在省份</td>
<td>所在城市</td>
<td>所属分站</td>
<td>小区名称</td>
<td>交房时间</td>
<td>客户来源</td>
<td>旺旺ID</td>
<td>跟进人</td>
<td>线索状态</td>
<td>跟进次数</td>
<td>创建时间</td>
<td>编辑 操作</td>
</tr>

<c:forEach  var="qr" items="${queryresult}">
    <tr class="tbl-item">
<td><input type="checkbox" name="selectCustomer" value="${qr.id}" ></td>
<td>${qr.house.customer.name}</td>
<td>${qr.house.customer.mobile}</td>
<td>${qr.house.province}<input type="hidden" value="${qr.house.customer.email}"></td>
<td>${qr.house.city }</td>
<td>${qr.orgId}</td>
<td>${qr.house.communityName}</td>
<td>${qr.house.deliveryDateCd}</td>
<td>${qr.house.customer.sourceCd}</td>
<td>${qr.house.customer.wangwangId }</td>
<td>${qr.followBy}</td>
<td>${qr.statusCd}</td>
<td>${qr.followcount}</td>
<td><fmt:timeZone value="GMT+8"><fmt:formatDate value="${qr.createDt}" pattern="yyyy-MM-dd"/></fmt:timeZone></td>
                    <td>
                    <a href="${rc.contextPath}/saleclues/viewsaleclues/${qr.id}">编辑</a> &nbsp;
                    <a href="${rc.contextPath}/saleclues/salecd/${qr.id}">邀约</a>
                    </td>
  </tr>
</c:forEach>

<tr class="tbl-footer">
<td colspan="15" class="page-button">
<jsp:include page="../../includes/paging-buttons.jsp"/>
</td>
</tr>
</table>
<div class="cls"></div>
</div>

<form action="<c:url value='/marketingtools/sendmessagesandemail'/>" id="sendOption" method="post">
<input id="emailVal" name="email" type="hidden" value=""/>
<input id="phoneVal" name="phone" type="hidden" value=""/>
<div class="main-data">
<div class="data-box">
<div class="form-line full-line align-left">
<div class="cls"></div>
<span class="submit-button" id="btn_createsales" style="float: left; margin-left: 38px"><font>创建</font><i class="submit-radius"></i></span>
<span id="allotsaleclues" class="submit-button" style="float: left; margin-left: 5px" bind-dialog="allotDialog"><font>分配线索</font><i class="submit-radius"></i></span>
<span id="recyclesaleclues" class="submit-button" style="float: left; margin-left: 5px" bind-dialog="recycleDialog"><font>回收线索</font><i class="submit-radius"></i></span>
<a href="<c:url value='/saleclues/deriveSaleclues?'/>${paramx}">
<span class="submit-button" style="float: left; margin-left: 5px"><font>导出至文件</font><i class="submit-radius"></i></span>
</a>
<span id="closesaleclues" class="submit-button" style="float: left; margin-left: 5px" bind-dialog="closeDialog"><font>关闭线索</font><i class="submit-radius"></i></span>
<span class="submit-button" id="sendEmail" style="float: right; margin-right: 38px"><font>发送邮件</font><i class="submit-radius"></i></span>
<span class="submit-button" id="sendPhone" style="float: right; margin-right: 5px"><font>发送短信</font><i class="submit-radius"></i></span>
</div>
</div>
</div>
</form>


<!--分配线索弹窗  -->
     <div class="dialog hide" id="allotDialog">
<div class="dialog-title"><span>提 示</span><font class="close-fn">X</font></div>
<div class="dialog-body"  style="height:200px;">
<h2>确认分配线索?</h2>

</div>
<div class="dialog-bottom">
    <div class="form-line center" style="margin:auto">
<span id="confirmButton" class="submit-button" style="margin-right:20px"><font>确认</font><i class="submit-radius"></i></span>
<span id="cancelButton" class="submit-button" style="margin-right:20px"><font>取消</font><i class="submit-radius"></i></span>
</div>
</div>
</div>
     <!--分配线索弹窗  -->
    
<!--回收线索弹窗  -->
     <div class="dialog hide" id="recycleDialog">
<div class="dialog-title"><span>提 示 </span><font class="close-fn">X</font></div>
<div class="dialog-body"  style="height:200px;">
<h2>确认回收线索?</h2>

</div>
<div class="dialog-bottom">
    <div class="form-line center" style="margin:auto">
<span id="confirmButton2" class="submit-button" style="margin-right:20px"><font>确认</font><i class="submit-radius"></i></span>
<span id="cancelButton2" class="submit-button" style="margin-right:20px"><font>取消</font><i class="submit-radius"></i></span>
</div>
</div>
</div>
     <!--回收线索弹窗  -->
    
<!--关闭线索弹窗  -->
     <div class="dialog hide" id="closeDialog">
<div class="dialog-title"><span>提 示 </span><font class="close-fn">X</font></div>
<div class="dialog-body"  style="height:200px;">
<h2>确认关闭线索?</h2>

</div>
<div class="dialog-bottom">
    <div class="form-line center" style="margin:auto">
<span id="confirmButton3" class="submit-button" style="margin-right:20px"><font>确认</font><i class="submit-radius"></i></span>
<span id="cancelButton3" class="submit-button" style="margin-right:20px"><font>取消</font><i class="submit-radius"></i></span>
</div>
</div>
</div>
     <!--关闭线索弹窗  -->
</body>
</html>

第一个项目的jsp<不会的很多啊!!!>

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
Copyright(c)2013,烟台大学计算机学院学生 *All rights reserved. *文件名称:太乐了 *作者:杨
理论书你能看吗?大多数人表示看了但是没看懂或是根本没耐心读完。为什么我们读不懂理论书,是记忆
1、在apache目录下的webapps目录下,新建文件夹“myHome” 2、在myHome目录下新建文件index.jsp,内
1、下载后解压 python setup.py install 2、设置path set PATH=d:\python27\scripts;%path% 3、生成
1、下载后解压 python setup.py install 2、设置path set PATH=d:\python27\scripts;%path% 3、生成
说在前面,这篇文章是为记录下我个人的操作记录,不一定适合你的情况,但你可以当作参考 :) 关于环
呵呵。学了java几个月,老师布置了个数据库的项目。这让没有数据库基础的我确实很纠结。于是我决定生
第一个Android项目——计算器 效果 开始学Android一两个星期了,学习了一下基本的Activity、简单控
这个项目也算很小,在大部分人看来没有什么。 之前问一位前辈,所谓的项目经验是什么,我写个贪吃蛇
毫无疑问,首先升级ruby和rails到指定的版本。 开始创建当前环境下的rails项目。 1,rails new test
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号