初识Jquery EasyUI看了一些博主用其开发出来的项目,页面很炫,感觉功能挺强大,效果也挺不错,最近一直想系统学习一套前台控件,于是在网上找了一些参考示例。写了一些基本的增删改查功能,算是对该控件的基本入门。后续有时间继续深入学习。            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-25 20:31:20
                            
                                167阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            # EasyUI jQuery 弹框:简便易用的弹框插件
## 1. 引言
在网页开发中,经常需要使用弹框来进行信息提示、确认操作或者展示内容。EasyUI jQuery 弹框是一款基于 jQuery 的简便易用的弹框插件,提供了丰富的弹框样式和功能,可以帮助开发者快速实现各种弹框需求。本文将介绍 EasyUI jQuery 弹框的基本用法和常用功能,并通过代码示例来详细说明。
## 2.            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-17 17:51:32
                            
                                440阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            本节书摘来自异步社区《jQuery EasyUI开发指南》一书中的第1章,第1.4节,作者:王波著1.4 选择开发工具常用的Java Web开发工具有NetBeans、JBuilder、Eclipse等。在开发工具的选择上,这里不做太多的赘述。在国内Java Web开发领域,基本上都是以Eclipse为主流开发工具的,就连Java培训班也是。但是,如果选择Eclipse作为开发工具,又存在一个问题            
                
         
            
            
            
            jQuery EasyUI 组合框(ComboBox)可以把一些HTML控件组合成一个控件,从而达到我们所期望的效果,下面介绍一下组合框详细用法:(查看演示)HTML代码:首先要定义个select
<select id="cc" name="dept"  style="width:200px;">
    <option value="aa">aitem1</op            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-07 23:24:36
                            
                                542阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            先看一下页面效果:此处有两个知识点:一个是弹出框的运用,一个是选项卡的运用分析一下该HTML代码,最外面一个div是弹出框的,默认是关闭状态,可通过ID来控制弹出框的开关,该div的样式是easyUI—dialog。再里面一个div是选项卡的,该选项卡也有ID,可通过id控制选项卡之间的跳转,其样式是easyUI—tabs,选项卡里面还有两个div并列,说明这弹出框中有两个选项卡,选项卡中有tab            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-13 22:35:53
                            
                                1044阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            NumberSpinner(数字微调) 商品数量: 你一共购买了1个商品            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-13 09:46:55
                            
                                148阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            EasyUI Combogrid 组合网格 扩展自 $.fn.combo.defaults 和 $.fn.datagrid            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-07-04 11:23:00
                            
                                616阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            easyui combobox属性multiple设为true时,就成为了可多选的下拉框。多选下拉框获取数据的方法和单选下拉框一样$("#id").combobox("getValue"); 或 $("#id").combobox("getText");但是赋值时单选下拉框使用$("#id").combobox("SetValue",data) 输入框赋值成功且下拉框能选中对应数据,多选下拉框则只            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-12 17:21:54
                            
                                246阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            rverName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePa            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-04-26 14:44:48
                            
                                94阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            # jQuery Easyui 下拉框联动
引言:下拉框联动是前端开发中常见的需求之一,它可以实现根据选择的值改变另一个下拉框的选项。本文将介绍如何使用jQuery Easyui实现下拉框联动,并提供代码示例。
## 1. 引入jQuery Easyui
首先,我们需要在HTML页面中引入jQuery和Easyui的库文件。可以从官方网站下载这些文件,或者使用CDN加速。
```html            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-08-10 13:51:59
                            
                                302阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            jQuery easyui——消息框(message)
     下面一起看下jQuery easyui中的一些消息框主要有四种,它们之间都很相似:
$.messager.alert(
"my message",         //title  消息框标题
"this is content...", //msg 消息框内容
"info",               // icon 图标,取值:error,question,info,warning.
function(){           //消息框关闭后调用的函数
   alert("function");
});            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2014-03-18 22:40:02
                            
                                1680阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            index.jsp 页面<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServer...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-04-26 15:07:38
                            
                                53阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            # 使用jQuery EasyUI 弹出输入框
在网页开发中,经常会遇到需要用户输入数据的情况,而弹出输入框是一种常见的解决方式。jQuery EasyUI 是一个强大的jQuery插件,提供了丰富的UI组件,其中包括了弹出输入框的功能。通过使用jQuery EasyUI,我们可以方便地在网页上弹出输入框,让用户进行数据输入。
## 弹出输入框的基本使用
下面我们来演示如何使用jQuery            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-06-09 04:40:12
                            
                                400阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            主要功能要点(已实现) 1.监听搜索框输入文本,根据搜索框文本变化情况即时通过Ajax向数据库查询搜索建议,并把建议反馈到搜索框下方的搜索建议框中,无搜索建议时自动隐藏建议框边框。2.鼠标滑动到搜索建议框选取候选项目,并通过点击动作确定选中项目为查询内容并提交搜索请求。3.监听键盘事件,当有搜索建议时,可以使用键盘上下键在搜索候选项目中循环选取,并可通过回车键确定选中项目为查询内容并提交            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-13 23:23:20
                            
                                73阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            本文是自己对layui.transfer 穿梭框的基本使用总结,未涉及到的内容可以在layui.transfer官方文档中查找。下图为穿梭框的基本样式,效果还是不错的,能够满足系统中多种场景下的需求,它可以进行数据的交互筛选。1、基础效果实现<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-11-24 09:04:31
                            
                                360阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            <!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title>消息框的使用</title>        <script type="text/javascript" src=".            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-21 10:20:20
                            
                                65阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title>消息框的使用</title>        <script type="text/javascript" src=".            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-02 11:45:40
                            
                                225阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            jQuery EasyUI 提示框(Messager)不仅强大,而且也不用任何的HTML代码,只需要按照《jQuery EasyUI框架使用文档》包含必要文件后,在$(function(){ }); 里插入下面的...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2012-04-11 14:18:00
                            
                                167阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            jQuery EasyUI 提示框(Messager)不仅强大,而且也不用任何的HTML代码,只需要按照《jQuery EasyUI框架使用文档》包含必要文件后,在$(function(){ }); 里插入下面的代码即可:$.messager.show()Messager需要依存于以下的这些组件:* 可拖放(Draggable)* 调整大小(Resizabl            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-30 16:02:15
                            
                                292阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一、下载在此我用的1.3.5版本,http://www.jeasyui.com/download/list.php 解压后,如图:删除 demo文件夹。二、建立基础模板<!DOCTYPE html>
<html>
<head>
<title>引入</title>
<meta charset="UTF-8"&nbs            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2016-02-24 15:01:38
                            
                                512阅读