easyui 日程任务插件

Easyui+MVC+FullCalendar插件实现日程记录功能

好久好久好久,,,没有写博客了,,久到账号都忘记了....分享一个干货.... 废话少说,先看看效果图. 要实现这样一个功能,先创建一个用于存储日程的记录表(不要问我为什么都是大写,因为初版在oracle中,现在在sqlserver,,哈哈哈哈,,,断气了,,,,我先缓缓...),大概如下: 前端view主要代码,表单控件我做了进一步封装(每次都写控件太太费劲了,,,,,我比较懒....),亲在使用过程中替换成自己的表单控件即可. <div class="toolbar">

easyui的window插件再次封装

easyui的window插件再次封装说明:该插件弹出的弹出框在最顶层的页面中,而不是在当前页面所在的iframe中,它的可拖动范围是整个浏览器窗口:所以不能用JS的parent对象获取弹出它的父页面,这里用了一个笨方法,最多支持四级弹出框,即弹出框中再弹出弹出框的情况,笨方法也是方法,它很简单.很有效. 代码: /** * easyui的window插件再次封装 * 2014年11月10日 */ SimpoWin = { showWin: function showWindow(title,

easyui表单插件-包括日期时控件-列表

← jQuery EasyUI 表单插件 – Numberspinner 数值微调器 jQuery EasyUI 表单插件 - Timespinner 时间微调器 jQuery EasyUI 插件扩展自 $.fn.spinner.defaults.通过 $.fn.timespinner.defaults 重写默认的 defaults. 时间微调器(timespinner)是基于微调器(spinner)创建的.它与数值微调器(numberspinner)相似,但是它只显示时间值.时间微调器(t

EasyUI 日期选择插件封装成选择到月份的插件

将普通的日期选择插件封装成选择到月份的插件: var nowMonth = new Date(); var month = nowMonth.getMonth()+1; month = month < 10 ?"0"+month:month; var fmdate =nowMonth.getFullYear()+"-&

EasyUI Calendar 日历插件，只显示年月。

从别人的博客园搬过来的,放在这里只是为了方便自己用.已经注明原文出处,尊重别人的劳动成果. 原文地址:http://www.cnblogs.com/hmYao/p/5779463.html 此日历插件依赖于easyui的js和css. html: <input id="db" /> js: 初始化加载db标签 $('#db').datebox({ onShowPanel: function() { //显示日趋选择对象后再触发弹出月份层的事件,初始化时没有生成月份层 spa

基于easyui fom分组插件

本插件适用于表单按属性分组,可以动态设置显示的列数,每一个表单宽度,表单类型,以及对齐.不同panel之间的表单也是对齐的. 效果: 依赖:jquery ,easyui, 实现过程:整个控件一个panel组成,panel头部放标题及图标,内容放表单,根据传入的参数,有几个组就创建几个panel,panel里面的内容就是一表格,根据传入的列数来创建列,如果传入数据的长度除以列数可以整除,那么行数就等于这个数,如果还有余数,就等于这个数+1,当然如果显示的传入数组长度小于列数,那么就显示一行了. f

一款很好的日程安排插件fullcalendar 非常适合OA等系统

1.插件下载 http://arshaw.com/fullcalendar/download/ 2. <!DOCTYPE html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <html> <head> <link rel='stylesheet' href='cupertino/theme.css' /> &

EasyUI组合树插件

一.引用CSS和JS <link href="~js/easyui/easyui.css" rel="stylesheet" type="text/css" /> <script src="~js/easyui/jquery.easyui.min.js" type="text/javascript"></script> 二.HTML代码 <input type=&q

EasyUI 表单插件 multiline easyui-textbox 多行换行失效问题

1.问题描述:原始html: <input class="easyui-textbox" name="myname" id="myid" style="width:100%;height:60px" data-options="multiline:true"> 输入文本: 111 222 333 取值jquery: $("#myid").val() 取回的值 11122233

jQuery easyui 扩展form插件的三个方法

$.extend($.fn.form.methods, { serialize: function(jq){ var arrayValue = $(jq[0]).serializeArray(); var json = {}; $.each(arrayValue, function() { var item = this; if (json[item["name"]]) { json[item["name"]] = json[item["name"

JS实现日程安排日程安排插件

代码: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EmpWeekPlan.aspx.cs" Inherits="Aepri.InfoDev.DPP.Web.PlanManage.EmpWeekPlan" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/x

GodSon Easyui 结合Pluplaod插件的文件分割上传

自己整理了一个文件分割上传的实例,提供研究学习使用. 在线查看效果下载该资源pluplaod文件分割上传Demo.zip 简介: 首先,进入页面会看到下面的效果: 点击一个按钮,出现如图上传界面: 选择一个文件后,会有大小.上传进度的提示: 上传成功后,还会有回调提示: 功能详解: 从页面可以看出上传分为 “不分割文件上传” .“分割文件上传”这2种上传方式,它们有什么区别呢? 我现在使用这2种方式上传同一个文件,在上传到tomcat服务器的过程中,效果如下: 1.不分割文件上传

EasyUI表单验证，自定义插件验证，自定义js插件验证，远程验证，常见手机号，中英文，qq等验证规则验证

{ field : 'startPort', title : "起始端口", editor: "text", width : 50, editor: { type: 'SuperValidatebox', options: { required: true, validType: ['integer','length[0,5]'] } }, 自从1.3.2版本开始,validatebox自身已经支持多重校验了,例如: input class="eas

jQuery甘特图/日程图/横道图/插件

基于JQ的一款灵活高效,支持自定义拓展的甘特图/日程图插件支持月/周/小时等显示方式支持拖动改变时间展开与收起添加/删除,刷新节假日高亮 clicked,dblClicked,changed事件 ... 调用方式: $("#ganttChart").ganttView({ ganttScale: "hours",// months weeks days hours showWeekends: true, //是否现在周末高亮 showLine: true,

快速开发之代码生成器（asp.net mvc4 + easyui + knockoutjs）

一.前言作为一个码农这么多年,一直在想怎么提高我们的编码效率,关于如何提高编码效率,我自己的几点体会 1.清晰的项目结构,要编写代码的地方集中 2.实现相同功能的代码量少并且清晰易懂 3.重复或有规律的代码应该自动生成在这里我就讨论下代码生成的问题. 二.关于代码生成器刚毕业时我也非常迷信代码生成器,喜欢在网上找一些代码生成器及相关的源码,喜欢在和网友讨论哪款生成器最好用,但实际上很少真正用这些东西来开发项目,原因很简单: 1.生成出来的代码不是我们要的代码 2.生成后的代码再修修改改,其

EasyUI中Base(基础)的基本用法

EasyUI中Base(基础)的用法一.Base(基础) 1.parser 解析器 2.easyloader 简单加载 3.draggable 拖动 4.droppable 放置 5.resizable 调整大小 6.pagination 分页 7.searchbox 搜索框 8.progressbar 进度条 9.tooltip 提示框步骤: 1.导入支持easyUI所需的文件使用easyUi里面的插件,先要引入easyUi.css.icon.css.jquery.easyui.min.

easyui datagrid分页要点总结

easyui的datagird插件比较好用,也很方便.网上也有很多热的网友贴出了使用代码,但是很少有网友指出在使用过程应该注意的地方,让我实在搞不清分页应该怎么使用.我就说下使用分页功能中要注意的一个小地方. 1.首先你的html得有个table标签 <table id="tt" ></table> 在js页面加载代码中$(document).ready({})加入代码: $('#tt').datagrid({ singleSelect:true, //True

EasyUI扩展方法

EasyUI扩展方法: 1.我想指定textarea的行,但editor:{type:'textarea', options: {rows:'4'}}这样写不行.请问大家怎么配置才是指定行的啊? 配置Textarea不可拖动变大变小: 只能自己扩展 textarea 才能实现,配置不用修改,直接扩展就行 jQuery.extend(jQuery.fn.datagrid.defaults.editors, { combotree: { init: function(container, opt

Jquery easyui 教程

Jquery easyui教程目录 1基本拖放... 4 2构建购物车型拖放... 5 3创建课程表... 8 4菜单和按钮Menu and Button. 10 o 4.1创建简单菜单... 10 o 4.2创建连接按钮... 11 o 4.3建立菜单按钮... 12 o 4.4建立拆分按钮... 13 5创建边框版面网页... 15 o 5.1面板上的复合版面... 16 o 5.2建立可折

jquery easyui tab加载内容的几种方法

转:http://my.oschina.net/u/2331760/blog/391937?fromerr=saqeoxxB jQuery Easyui 的tabs插件有两种方式加载某个tab(标签页)上的内容:“href远程请求”和“content本地内容”,本文就两种方式的优缺点进行简单分析和思考. 两者特点: href方式加载数据的特点: content方式加载数据的特点: 简单总结: href常见问题: 1.href只加载目标URL的html片段 2.短暂的页面混乱: 3.html片段的

easyui 日程任务插件

热门专题