好久没写博客了,今天事情不多就写一篇。需求:要做一个日历绑定组织架构树:效果如下图所示
这是一个小功能,界面不太美观,但功能还是实现了。这个功能综合了javascript,jquery,css,html,java,ajax,jsp等技术知识点。日历用的bootstrap的日历组件,组织架构树是公司的产品框架,难点在于组织架构树与日历的交互。就是当点击组织架构树的节点,会把历史设置的日期显示,日期所在单元格显示橘红色,当点击已标记颜色的日期,颜色消失,再点击则又标记颜色。首先,我在项目中新建了一个模块,再引用bootstrap组件以及和组织架构树的代码进行整合,接着我在控制组织架构树折叠的js代码里加入了一段ajax代码请求后台,参数则为组织id以及年和月组成的字符串用于到数据库里查询这个组织绑定的日期数据,返回一个list;前端接收到这个list之后,for循环,并用jquery的选择器给指点类属性的元素加一个类属性“selday”,并且调用jquery的attr方法给元素的on属性值改为1。这样显示出了日期。
$.ajax({
url:'/holiday/query',
type:'POST',
traditional:true,