EasyUI】

一个基于jquery的简单下拉框实现

项目中使用的是easyui的组件，后来发现在编辑页面中，如果combobox组件数量过多，会导致页面超级慢，还有可能造成浏览器崩溃，经过研究easyui的源码发现，combobox是由多个html对象组成的
shuaijie·2020-08-23 19:59

EasyUI中的combogrid实现分页功能

在jquery.easyUI.js要实现分页，必须在后台接收参数时声明两个变量：page(当前第几页),rows(每页显示多少条信息),否者easyUI前台传递不了分页参数。
lelele1990·2020-08-23 19:16

easyui combogrid设置默认选中项

项目中需要从session获得当前用户名，然后在页面combogrid中默认选中该项。$("#girdid").combogrid({idField:'mc',//设置id为名称.....首先设置了该grid的id为mc。当页面加载完毕后执行$("#gridid").combogrid('grid').datagrid('selectRecord',name);(1)其中name是从session
小康师傅·2020-08-23 19:44

EasyUI—右键关闭选项卡

关闭全部关闭其他//选项卡右键------------------------------------------------$('#eaTabs').bind('contextmenu',function(e){e.preventDefault();$('#mymenu').menu('show',{left:e.pageX,top:e.pageY});});//关闭所有选项卡$("#close
梦之翼618720·2020-08-23 18:20

EasyUI combobox下拉框 回显数据（可多选、赋值）

$('#newRoleCode').combobox({url:'${ct}/businessConsole/authority/getRoleList.do',valueField:'newRoleCode',textField:'newRoleName',multiple:true,//支持多选});
Take^that·2020-08-23 18:48

EasyUI ComboGrid组件，分页、多选回显的时候无法选中

描述：因为combogrid据表格下拉框结合了可编辑文本框控件和下拉数据表格面板控件，该控件允许用户快速查找和选择,并且带有分页，当选中的数据在第二页的时候，初始化加载会出现无法选中的情况解决思路：把选中的数据，在修改页面加载的时候尽量放在第一页前台：$('#custId').combogrid({url:"${g.createLinkTo(dir:'businessDpartment',file
多哥仁慈的骆驼·2020-08-23 18:29

ssm+easyui+ajax异步图片上传

(1)在springmvc中配置10485760UTF-8（2）jsp页面如下：新闻封面:上传预览script脚本//弹出文件选择器functionuploadPhoto(){$("#photo-file").click();}//ajax上传图片functionupload(){if($("#photo-file").val()=='')return;varformData=newFormDat
沐之。·2020-08-23 18:43

使用easyui,对datagrid中某列的值赋值，对相同文件上传onchang只相应一次

1.我做的项目是上传文件，并将路径回显在选中的单元格中varrowIndex=$('#dg').datagrid('getRowIndex',$('#dg').datagrid('getSelected'));vared=$('#dg').datagrid('getEditor',{index:rowIndex,field:'videopath'});$(ed.target).val(data.f
沐之。·2020-08-23 18:43

easyUi select选择默认值

最近在研究easyUiselect下拉框选择默认值还是挺难搞，经过一番周折代码如下：js代码$('#org').combobox({url:'${ctx}/admin/getorgbyuid',//后台获取值
愤怒的public·2020-08-23 18:45

EasyUI ComboGrid集成分页按键示例

1、下拉框下拉时出现表格；2、表格带分页功能；3、可以使用向上键、向下键在表格中移动选择行数据；4、可以使用回车键在表格中选中行数据；5、在下拉框的文本框中输入内容，能查询表格；6、下拉框的文本框的内容变化时，表格数据按分页设置显示效果如下：图1、图2、图3、图4、思路：很简单，分拆为combo、datagrid、pagination三个组件分别操作，注意结合的操作就好。在制作的过程中，比较头痛的
qingxukang·2020-08-23 18:29

springMvc+spring 整合 websocket

一、首先介绍一下我们的框架jdk1.8+springMVC4.3.8+mybatisPlus2.1.9+tomcat7+easyui二、下面开始进入正题
暴走的葫芦娃·2020-08-23 18:25

JQuery Tree获取所有checkbox选中节点的id和内容

jQueryEasyUI$(function(){$('#tt2').tree({checkbox:true,url:'tree_data.json',onClick:function(node){$(
mypanlong·2020-08-23 17:11

下拉框选中后自动局部刷新

valueField:'dict_key',textField:'dict_value',editable:false,value:'1',panelHeight:50,onChange:function(){easyui
茗风·2020-08-23 17:05

easyui的combogrid自动选中问题

最近在项目中使用到了easyui的combogrid组件来生成公司成员列表，在搜索框中输入来进行选择，效果如下图事例来自easyui的官网，代码如下其中的idField是作为id的列名，设置每一行的唯一性的参数
ConnieQi·2020-08-23 17:04

ASP.NET网站权限设计实现——套用JQuery EasyUI列表显示数据、分页、查询

有时候闲的无聊,看到extjs那么肥大,真想把自己的项目改了,最近看到一款轻型的UI感觉不错,但是在网上找了好多教程,但是没有一个是完全是C#asp.net写的无耐下,自己写了下,感觉效果不错,故拿出来和大学分享一下,希望可以抛砖引玉作用.由于好多人都只是拷贝代码,故在此全用图片作说明.图片效果图1这个界面是上左右下结构左边是一棵树右边是一个表格上部是标题最下部只是一个空的保留一部分空间下面开始说
guyongqing52·2020-08-23 16:44

extend jQuery easyUI datagrid methods

$.extend($.fn.datagrid.methods,{columnMoving:function(jq){returnjq.each(function(){vartarget=this;varcells=$(this).datagrid('getPanel').find('div.datagrid-headertd[field]');cells.draggable({revert:tru
guyongqing52·2020-08-23 16:44

JQuery easyUI DataGrid 创建复杂列表头

»CreatecolumngroupsinDataGridTheeasyuiDataGridhasabilitytogroupcolumns,asthefollowingexampleshows:ViewDemoInthisexample
guyongqing52·2020-08-23 16:44

【原】EasyUI ComboGrid 集成分页、按键示例

需求：1、下拉框下拉时出现表格；2、表格带分页功能；3、可以使用向上键、向下键在表格中移动选择行数据；4、可以使用回车键在表格中选中行数据；5、在下拉框的文本框中输入内容，能查询表格；6、下拉框的文本框的内容变化时，表格数据按分页设置显示效果如下：思路：很简单，分拆为combo、datagrid、pagination三个组件分别操作，注意结合的操作就好。在制作的过程中，比较头痛的是整合，大体上代码
chiyi3285·2020-08-23 16:45

asp.net 中用easyui中的treegird的简单使用

几乎每个‘数人头’项目中都会用到的功能，这里先记下来，以后直接到这里复制代码就行了，ASP.NETMVC中的使用image数据库用户表中的除了有个parentid父级ID外，我还多加了以个字段,parentpath，表示父级路径，把该用户的所有上级ID全都存起来，以,间隔，如用户ID=5的低级路径为：,1,2,3,4,最前面加多一个,是为了查询该用户的下级用户总数方便下面是HTML代码：@{Vie
niunan·2020-08-23 15:24

easyui-combogrid选中给后台传值默认取idField:ID字段

//html//默认取combogrid控件用户选中的idField的id字段值给后台的updateCode属性赋值//说明://easyui-combogrid下拉框和复选框用ajax请求后台将相应的数据赋值给变量有利于代码重用性
我风依旧·2020-08-23 15:35

bootstrap下拉框动态赋值

以前一直使用easyui，发现越来越跟不上现在前端的一些技术，所以改用bootstrap，然后发现好多包括简单的下拉赋值都不会了，这里上网找了下，然后发现下面这个不错，用上了，特此记录一下/***/window.onload
HHXXTTU·2020-08-23 15:41

easyui combogrid分页加载默认值时无法自动跳转到相应页的解决方案

2019独角兽企业重金招聘Python工程师标准>>>当如果easyuicombogrid分布加载时，有默认值，且默认值不在第一页时，此时combogrid里的显示值为idField取到的对就值，如下图
weixin_34161032·2020-08-23 14:27

java后台构造easyui的tree数据的一种方法

最近在用easyui做一个权限管理系统，需要用到tree，后台构造json数据的时候总是不能很好的适应各种情况，于是上网看了很多的例子，有几个能用，效率也比自己写的高，然后再加上自己的的业务需求改写了一部分
六道木_·2020-08-23 12:39

easyui textbox多行文本输入框高度根据内容伸缩

直接上代码functionmakeTextArea(fromId){//查找所有textare方法添加自适应$("#"+fromId).find('textarea').each(function(index){//获取ID属性IE不支持attachEvent写法makeExpandingAreaIE(this);});}functionmakeExpandingAreaIE(el){varset
谁能体会·2020-08-23 12:17

easyui tab切换及获取当前选中的tab

$('#tab').tabs({border:false,fit:true,onSelect:function(title,index){varurl=‘’；if(index==1){url=‘’;}varactiveTab=$('#tab').tabs('getTab',index);activeTab.panel('refresh',url);}});jsp:获取当前选中的tab:vartab
醉ぃ灬清风。·2020-08-23 11:35

easyUI 合并单元格

在页面中引用deyi-util.js。deyi-util.js：deyisys.util={tableMerges:function(id,fieldArr){for(vari=0;i
醉ぃ灬清风。·2020-08-23 11:35

easyui使用ajax增删改查的封装

varrowOld=null;/*functionformatDate(id){$(id).datetimebox({currentText:'今天',closeText:'关闭',okText:'确定',formatter:function(date){returndate.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate();},pa
灰子·2020-08-23 11:32

JavaEasyuiTree

EasyuiTree根据文件路径,使用easyui生成目录结构实体类/**实体类,存储文件属性*/publicclassObj{//{"id":"11","pId":"0","name":"基础数据"}
qq_42160596·2020-08-23 11:24

EasyUI中那些不容易被发现的坑——EasyUI重复请求2次的问题

问题控件：datagrid控件问题版本：1.4.1问题如图：重复请求2次，错误代码如图：错误问题分析：因为html代码中利用class声明了datagrid，导致EasyUI解析class代码的时候先解析
qq_31059985·2020-08-23 11:12

快速开发框架推荐使用 jeecg-boot

之前用的技术也比较旧，但是整体开发速度还可以，源于用HashMap配合Mybitas的复杂查询，再加上前端的easyUI，所以只改xml和js就可以改动业务。
徐小笑·2020-08-23 11:21

easyui点击添加行，动态增删改查

关于这个问题，曾经借鉴过很多，但是都不理想。加上最近项目需要使用这个技术，就自己整理了一下，并成功实现。好了，废话不多说，直接给大家上代码参考吧。里边加了许多自己项目ztree的判断，请自行略过。$obj=$("#remark_dg");varindexs;$obj.datagrid({url:'/mbFlup/fetchCycByMbId.do',columns:[[//显示的列{field:'
_Star_·2020-08-23 11:15

java整合easyui进行的增删改操作

首先发一下效果图：1、显示全部用户信息2、加入用户信息3、删除用户信息4、编辑用户信息以下就来介绍一下如何使用easyui的crud：1.首先是一个datagrid，通过class来标记。
左手写愛·2020-08-23 11:38

EasyUI 编写实体类树状选择器

vartrees='${fns:getXXXListByTree()}'vardg=$('#xxxdg').treegrid({method:'post',rownumbers:true,idField:'id',treeField:'name',height:'500px',singleSelect:false,columns:[[{field:'id',title:'编号',hidden:tr
夏令·2020-08-23 11:01

给easyUI 树的文件夹 加事件超链接

//给任务图标添加事件$(".myrole_tree").click(function(){varulId;if($(this).parent().parent().parent().attr("id")==undefined){ulId=$(this).parent().parent().parent().parent().parent().attr("id");}else{ulId=$(thi
五木子·2020-08-23 10:38

easyui增删改查

1.前台html管理后台..................datagrid-view{height:500px;}处理状态：微信支付宝QQ手机查询重置添加修改删除分配角色用户头像:注册来源:微信支付宝QQ手机用户类型:普通用户管理员供应商用户状态:有效冻结审核中用户名:密码:确定取消角色（可多选）：确定取消2.前台js/**图片上传格式验证*/functioncheckUploadUserPic
其修远兮·2020-08-23 10:59

EasyUI(三)

用easyui来实现增删改查方法我们要用前端easyui来实现美化，用datagrid布局，dialog布局还有from布局来把原来的html转成jsp前后端分离前后端分离的好处1、美工、java工程师都是独立工作的
傻_·2020-08-23 10:43

完成后台管理系统功能（四）添加商品中的商品类目的展示

可以看到当我们点击左侧菜单中的"新增商品"时，是会自动去请求item-add文件的我们下面来看看item-add.jsp界面代码，我们从中可以看到，这个页面其实也是个代码片段，"选择类目"按钮其实是个链接，样式为"easyui-linkbutton
diconke7343·2020-08-23 10:32

java递归解析easyui treegrid json数据

时间：2017.july.29sat21:24ps:最近做一个项目需要解析easyui的treegrid的json数据，网上博客翻遍都没找到这方面资料，于是只有自己来写，花了一下午时间，包括熟悉json
a1135004584·2020-08-23 09:42

用easyui来实现增删改查方法

目录用easyui来实现增删改查方法写UerDao通用的增删改查方法写Useraction控制器方法来跳转到jspuserManager.jsp前台展示界面要传值到userManager.js进行优化。
LIN_17970·2020-08-23 09:55

java 封装easyui tree树结构无限极分类（递归调用）

publicObjectqueryDiseaseDisCode(){List>treeList=newArrayList>();//查询第一级分类，即：最顶层节点 ListdoseaseList=diseaseDao.selectDisCode();for(inti=0;imap=null;Diseasedisease=(Disease)doseaseList.get(i);if(disease.
醉ぃ灬清风。·2020-08-23 09:54

初学者对formatter的理解

第一次使用formatter时，是在用easyui作后台维护时接触到的。现在简单谈谈formatter在easyui中的常规使用。
楓楓楓楓楓·2020-08-23 05:19

js上传Excel文件

（代码来源为刘子腾同学）实现代码：View：除了引用基本jquery和EasyUI外，添加一个关于表单的js文件jquery-form.js@*必须加enctype属性*@@*必须有name属性*@上传
MMMark7·2020-08-23 04:32

easyui之datagrid：动态生成列(动态报表)

我们都知道，使用easyui可以很容易的生成datagrid，代码如下：_queryGrid=$("#datagrid_queryReport").datagrid({url:urljson,queryParams
赶路人儿·2020-08-23 01:11

easyui的tree节点的获取和选中(2)

1.设置选中tree的节点varnode=$('#tt').tree('find',1);//找到id为”tt“这个树的节点id为”1“的对象$('#tt').tree('select',node.target);//设置选中该节点2.获取选中节点的值$("#tt").tree('getSelected').id$("#tt").tree('getSelected').text2.通过子节点获取父
yb305小白·2020-08-23 00:15

EasyUI消息弹框，删除弹框右上方的叉号。

需求：删除弹框上的红色叉号，实现对用户的强制操作图示效果：解决办法：在EasyUI弹窗相关代码下面加入：$(".panel-tool-close").css("display","none");代码示例
BIGEC·2020-08-22 23:07

easyUI editor

$("#corp-grid").datagrid({title:"泥头车企业管理",toolbar:"#corp-grid-toolbar",border:false,fit:true,width:$(window).width()-252,columns:[[{field:"ckb",checkbox:true},{field:"corpName",title:"企业名称",width:200,
罗志贇·2020-08-22 20:59

ssh框架配合easyUi实现分页

分页插件$('#table的id').datagrid({url:'请求的地址',method:'post',rownumbers:true,---行标pagination:true,               ---页码pageSize:10,---默认每页显示多少条记录pageList:[10,20,30,40,50],---可选每页多少条记录border:false,nowrap:true
苝花向暖丨楠枝向寒·2020-08-22 19:56

EasyUI 之 DataGrid分页组件中文显示的两种方法

在过去的这一段时间参与了高校云平台的评教系统，在系统的前端要求用MVC+Easyui，从今天开始就来给大家讲讲MVC+EasyUI的前端应用。
傻丫头与科技·2020-08-22 18:52

Iframe使用总结（实战）

(Easyui中form组件就是用的iframe，实现表单提交
坦GA·2020-08-22 18:50

SSH框架使用EasyUI进行分页(详解)

效果图首先是daoImpl层需要定义一个方法传到后台俩个值page--第几页和rows--行数然后action接收前端数据和向jsp页面传递json数据第一个pagerows必须getset调用方法实现分页需要注意的是total和rows是固定了不能更改,还有就是格式化jsonMap转化为json数据生成getset方法接下来就是struts2的配置接下来就是jsp页面接受json数据下面需要注意
NULL_ZGX·2020-08-22 18:50
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他