data-options

使用easyui框架 设置时间格式

由 微笑、不失礼 提交于 2019-11-30 12:57:30
之前做的一个商城项目，后台系统页面使用Easyui做的，记录一个当时卡住的地方： 首先通过<table>标记创建数据网格(datagrid) <table class="easyui-datagrid" id="contentList" data-options="toolbar:contentListToolbar,singleSelect:false,collapsible:true,pagination:true,method:'get',pageSize:20,url:'*******',queryParams:{categoryId:0}"> <thead> <tr> <th data-options="field:'id',width:30">ID</th> <th data-options="field:'title',width:120">内容标题</th> <th data-options="field:'subTitle',width:100">内容子标题</th> <th data-options="field:'pic',width:50,align:'center'">图片</th> <th data-options="field:'created',width:130,align:'center'">创建日期</th> <th data-options=

easyui自学模板代码

由 狂风中的少年 提交于 2019-11-30 11:17:05
index.jsp源码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <c:set var="ctx" value="${pageContext.request.contextPath }" /> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>index</title> <!--导入easyui资源文件--> <link rel="stylesheet" type="text/css" href="${ctx }/static/easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="${ctx }/static/easyui/themes/icon.css"> <script type="text/javascript" src="${ctx }/static/easyui/jquery-1.12.0.min.js"></script> <script

EasyUI加强

由 那年仲夏 提交于 2019-11-30 06:49:50
常用组件 layout（布局） 通过样式对页面经行简单的布局 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css"> <link rel="stylesheet" type="text/css" href="easyui/themes/color.css"> <script type="text/javascript" src="easyui/jquery.min.js"></script> <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script> <script src="easyui/locale/easyui-lang-zh_CN.js"></script> <script> $(function() { $("#EasyUItree").tree({ url: 'datatree.json',

crm安全退出功能实现

由 99封情书 提交于 2019-11-28 20:09:34
1.后台控制层代码 package com . shsxt . crm . user . controller ; import com . shsxt . crm . base . BaseResult ; import com . shsxt . crm . base . exception . ParamsException ; import com . shsxt . crm . user . model . UserModel ; import com . shsxt . crm . user . pojo . User ; import com . shsxt . crm . user . service . UserServiceI ; import org . springframework . beans . factory . annotation . Autowired ; import org . springframework . stereotype . Controller ; import org . springframework . web . bind . annotation . RequestMapping ; import org . springframework . web . bind . annotation .

easyui for jquery之tooltip

由 雨燕双飞 提交于 2019-11-28 05:20:36
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Ajax Tooltip - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="../../themes/icon.css"> <link rel="stylesheet" type="text/css" href="../demo.css"> <script type="text/javascript" src="../../jquery.min.js"></script> <script type="text/javascript" src="../../jquery.easyui.min.js"></script> </head> <body> <h2>Ajax Tooltip</h2> <p>The tooltip content can be loaded via AJAX.</p> <div style="margin:20px 0;"></div> <a href="#" data-tip="This

EasyUI入门

由 我的未来我决定 提交于 2019-11-28 05:15:45
jQueryEasyUI jQuery EasyUI是一组基于jQuery的UI插件集合体,目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。 开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。 Query EasyUI 提供了用于创建跨浏览器网页的完整的组件集合，包括功能强大的 datagrid（数据网格）、treegrid（树形表格）、 panel（面板）、combo（下拉组合）等等。 用户可以组合使用这些组件，也可以单独使用其中一个。 EasyUI特点 Query EasyUI为提供了大多数UI控件的使用，如：accordion，combobox，menu，dialog，tabs，validatebox，datagrid，window，tree等等。 特点： 基于jquery用户界面插件的集合 为一些当前用于交互的js应用提供必要的功能 EasyUI支持两种渲染方式分别为javascript方式（如：$('#p').panel({...})）和html标记方式（如：class="easyui-panel"） 开发产品时可节省时间和资源 简单，但很强大 支持扩展，可根据自己的需求扩展控件 jQuery EasyUI 离线简体中文（可下载的离线文档） http://download.csdn

EasyUI——常见用法总结

由 强颜欢笑 提交于 2019-11-28 00:23:27
1. 使用 data-options 来初始化属性。 data-options是jQuery Easyui 最近两个版本才加上的一个特殊属性。通过这个属性，我们可以对easyui组件的实例化可以完全写入到html中，例如： <div class="easyui-dialog" style="width:400px;height:200px" data-options="title:'My Dialog',collapsible:true,iconCls:'icon-ok',onOpen:function(){}"> dialog content. </div> 属性，事件，都可以直接写在data-options里面，这样就方便多了。 来自：http://easyui.btboys.com/the-use-of-easyui-data-options.html 2. tools定义工具栏，继承自panel的应该都可以使用。 $('#p').panel({ width:500, height:150, title: 'My Panel', tools: [{ iconCls:'icon-add', handler:function(){alert('new')} },{ iconCls:'icon-save' handler:function(){alert('save')} }] }

JQuery EasyUI

由 只愿长相守 提交于 2019-11-27 13:41:17
JQuery EasyUI 是什么东西 答： JQuery EasyUI 就是一套基础 JQuery 的 富客户端 的 UI 框架。像这些将常用的控件封装成一个 UI 库的框架统称富客户端框架 JQuery EasyUI 的作用是什么 答：既然 EasyUI 是一个 UI 框架，所以它的功能就是用于处理页面的展示效果的。通常用于完成后台管理系统的页面排版。 现在市面有哪些常用富客户端框架 答： EasyUI 、 LigerUI 、 ExtJS EasyUI 的目录说明 下载路径 EasyUI的官网地址为： http://www.jeasyui.com/ 必须的基础支持库 标红的文件夹是 PC 端使用 EasyUI 框架，必须导入的基础库文件。 目录说明 demo ：例示，非常重要，以后做开发，记不起来代码，可以直接复制例示。 demo-moblie ：手机端的例示，因为手机端已经有很多优秀 UI 框架，所以 EasyUI 在手机端基本没有人用的（忽略）。 locale ：编码支持库 plugins ：没有压缩过的插件源码 src ：没有压缩过的核心源码 themes ：主题样式，有个可以选择 easyloader.js ：源码加载器 jquery.easyui.min.js ： PC 使用类库。 jquery.easyui.moblie.js ：手机端使用类库 jquery.min
订阅 data-options