data-options

jQuery组件easyui基本布局实现代码

本文实例为大家分享了 Basic Layout - jQuery EasyUI Demo 基本布局 布局包括北,南,东,西,中间,部分 Item ID Product ID List Price Unit Cost Attribute Status 效果图: »

EasyUI布局 高度自适应

最近在把以前写的一个项目改成用easyui做前端。其中一个就是datagrid不能很好的布局。如果界面比较简单---只有一个datagrid只需要把它的属性fit 设置为true就能实现自动适应窗体。这样就能很好的解决自适应问题。写法1:复制代码 代码如下: 写法2:复制代码 代码如下: 以上就是EasyUI高度自适应的全部内容,希望能给大家一个参考,也希望大家多多支持软件开发网。 »

基于MVC4+EasyUI的Web开发框架形成之旅之界面控件的使用

在前面介绍了两篇关于我的基于MVC4+EasyUI技术的Web开发框架的随笔,本篇继续介绍其中界面部分的一些使用知识,包括控件的赋值、取值、清空,以及相关的使用。 我们知道,一般Web界面包括的界面控件有:单行文本框、多行文本框、密码文本框、下拉列表Combobox、日期输入控件、数值输入控件、单项选择、复选框、表格控件DataGrid、树形控件、布局控件、弹出式对话框、提示信息、列表控件等,这些... »

Jquery插件easyUi实现表单验证示例

要实现的功能:在做添加学生信息的时候,利用easyui的验证功能判断 学号是否重复和学号只能为数字 最终效果如下图: 但在做这个的过程中,遇到了一系列的问题: 扩展validatebox的验证方法,最开始的验证代码如下: //学号格式只能为数字 ****//这里没有问题**** number: {//value值为文本框中的值 validator: function (value) { var r... »

jquery easyui validatebox remote的使用详解

validatebox 的validateType可以是一下3个格式:1字符串2数组,应用多个验证3对象,每个key是一个验证名称value是验证的数组参数下面是代码示例配置了remote会发送一条ajax请求,当返回'true'才会验证通过了。以上这篇jquery easyui validatebox remote的使用详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持... »

jQuery EasyUI 右键菜单–关闭标签/选项卡的简单实例

jQuery EasyUI 右键菜单–关闭标签/选项卡的简单实例

目录结构: noContextMenu.js 文件内容如下: $(function(){ //屏蔽右键菜单 $(document).bind("contextmenu", function(e){ return false; }); }); 效果图: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>... »

jQuery EasyUI右键菜单实现关闭标签/选项卡

jQuery EasyUI右键菜单实现关闭标签/选项卡

本文实例为大家分享了jQuery EasyUI右键菜单可以选择关闭标签/选项卡操作,供大家参考,具体内容如下 目录结构: noContextMenu.js 文件内容如下: $(function(){ //屏蔽右键菜单 $(document).bind("contextmenu", function(e){ return false; }); }); 效果图: 方式一: <%@ page la... »

基于zTree树形菜单的使用实例

在每个节点添加 id 和 pid, id 表示当前节点编号,pid 表示父节点编号第一步:在页面显示菜单位置,添加 ul设置 class=”ztree”第二步:开启简单数据格式支持第三步:编写树形菜单数据第四步:生成树形菜单 ztree树形菜单的使用 »

jQuery EasyUI 选项卡面板tabs的使用实例讲解

学前端开发,就来你我他学习吧!以上这篇jQuery EasyUI 选项卡面板tabs的使用实例讲解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。 »

zTree树形菜单交互选项卡效果的实现方法

1、 添加自定义属性 page2、 为 ztree 每个树形节点,添加点击事件 ztree树形菜单的使用 你我他学习吧 选项卡面板一 选项卡面板二 以上这篇zTree树形菜单交互选项卡效果的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。 »

jQuery EasyUI 折叠面板accordion的使用实例(分享)

1、对折叠面板区域 div 设置 class=”easyui-accordion”2、在区域添加多个 div, 每个 div 就是一个面板 。 »

EasyUI框架 使用Ajax提交注册信息的实现代码

EasyUI框架 使用Ajax提交注册信息的实现代码 一、服务器代码: @Controller @Scope("prototype") public class StudentAction extends BaseAction<Student> { private static final long serialVersionUID = -2612140283476148779L; p... »

JQuery ZTree使用方法详解

JQuery ZTree简单使用@[jQuery, ztree, 入门]基本概述zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。zTree 是开源免费的软件。在开源的作用下,zTree 越来越完善,目前已经拥有了不少粉丝,并且今后还会推出更多的 zTree 扩展功能库,让 zTree 更加强大。——参考《百度百科》官网... »

使用jquery-easyui的布局layout写后台管理页面的代码详解

先在官网下载easyui文档 引入头部文件 <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/jquery-easyui-1.3.3/themes/default/easyui.css" rel="external nofollow" rel="external nof... »

jQuery EasyUI Layout实现tabs标签的实例

jQuery EasyUI Layout实现tabs标签的实例一、概述: 1、引入jquery.js与easyUi相关文件 2、效果如图: 二、创建Layout主页:SSHE DEMO 三、创建中间页面: 四、菜单页:west.jsp 如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢... »

jQuery EasyUI结合zTree树形结构制作web页面

JQuery EasyUI 结合 zTree树形结构制作web页面.easyui用起来比较简单,很好的封装了jquery的部分功能,使用起来更加方便,但是从1.2.3版本以后,商业用途是需要付费的,zTree是国内的大牛们搞的一个jquery树形tree插件,感觉很好用,很强大,而且完全免费,API等做的也非常不错.推荐 easyui 是一个基于 jQuery 的框架,集成了各种用户界面插件。 e... »

JQuery EasyUI 结合ztrIee的后台页面开发实例

JQuery EasyUI 结合 zTree树形结构制作web页面.easyui用起来比较简单,很好的封装了jquery的部分功能,使用起来更加方便,但是从1.2.3版本以后,商业用途是需要付费的, zTree是国内的大牛们搞的一个jquery树形tree插件,感觉很好用,很强大,而且完全免费,API等做的也非常不错.推荐 easyui 是一个基于 jQuery 的框架,集成了各种用户界面插件。 ... »

Easyui Datagrid自定义按钮列(最后面的操作列)

做项目的时候因为需求,要在表格的最后添加一列操作列,easyUI貌似没有提供这种功能,不过没关系,我们可以自定义来实现 版本:jQuery easyUI 1.3.2 这里我的实现方式是采用HTML形式,js方式暂时还没用到 首先是HTML部分 <table id="dg" title="学生信息" class="easyui-datagrid" url="${ctx}listStudent.... »

jquery Easyui Datagrid实现批量操作(编辑,删除,添加)

有时候我们的后台系统表单比较复杂,做过进销存或者一些销售订单的都应该有过感觉。 虽然Easyui Datagrid提供了行内编辑,但是不够灵活,但是我们稍微修改一下来达到批量编辑,批量删除,批量添加的效果。 现在我们来看看原的编辑:来自Easyui 1.5.1的Demo <demo/datagrid/rowediting.html> 接下来,我们主要是要高度自由的编辑实现: 1.可以同... »

jQuery EasyUI基础教程之EasyUI常用组件(推荐)

本文主要内容是介绍EasyUI的一些常用组件的使用,都是一些非常基础的知识,适合入门者学习,主要包括Base(基础)、Layout(布局)、菜单和按钮、表单、窗口、表格和树等的使用。要求完全掌握这些内容,学会查阅文档,了解开发基本思想。如果想进一步深入学习,可以直接去官网进行学习,查阅文档等http://www.jeasyui.com/。 一、简介 EasyUI是一种第三方组织开发的,开源的,功能... »

jqeury-easyui-layout问题解决方法

jqeury-easyui-layout问题解决方法

今天在用easyui做布局时,碰到了一个疑惑的问题。且region属性不能被其他无关的div所包含。 »

Layui 导航默认展开和菜单栏选中高亮设置的方法

如下所示: <ul class="layui-nav layui-nav-tree custom-nav-tree" lay-filter="kitNavbar" kit-navbar> <c:if test="${title_sys eq '内容管理' }"> <li class="layui-nav-item index1 layui-nav-itemed">... »