51dev.com IT技术开发者社区

51dev.com 技术开发者社区

easyui textbox 添加 onblur 失去焦点事件

easyui textbox 添加 onblur 失去焦点事件

由于textbox不能触发onblur事件,需要换种方式解决问题,方案如下:<inputtype="text"class="easyui-textbox"id="name"maxlength="5"/>$(function(){"input",$("#name").next("span")).blur(fu...

easyui 数据表格datagrid 去掉/填满右侧的空白

easyui 数据表格datagrid 去掉/填满右侧的空白

表格中列的属性省略掉了 <divclass="divTable"><tableid="dg"class="easyui-datagrid"></table></div>右侧会有空白在table中添加data-options="fitColumns:tr...

easyui tree自定义属性的使用data-options

easyui tree自定义属性的使用data-options

了解easyuitree组件的童鞋估计都知道tree的node有他自己单独的属性(id,text,iconCls,checked,state,attribute,target)。id:节点ID,这是很重要的加载远程数据 text:文字显示节点 state:节点的状态,“开放”...

Easyui 异步树直接全部展开

Easyui 异步树直接全部展开

初始化异步树直接所有展开代码:$(function(){$(‘#tt‘).tree({url:‘<%=request.getContextPath()%>/treeInit‘,lines:true,onLoadSuccess:function(node,data){vart=$(this);if(data)...

EasyUI加载树控件自动展开所有目录

EasyUI加载树控件自动展开所有目录

在这里如何加载树控件就不在熬述,在加载树控件后,树的节点全部展开,要在OnLoadSuccess事件中写代码: ...

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

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

问题控件:datagrid控件问题版本:1.4.1问题如图:重复请求2次,错误代码如图: 错误问题分析:因为html代码中利用class声明了datagrid,导致EasyUI解析class代码的时候先解析class声明中的datagrid,这样组件就请求了一次url;然后我又在加载的js的时候自动请求了一次...

jquery easyui判断tab面板是否存在

jquery easyui判断tab面板是否存在

functionaddTab(subtitle,url,icon){.//下面开始判断if(!$(‘#tabs‘).tabs(‘exists‘,subtitle)){//不存在则add$(‘#tabs‘).tabs(‘add‘,{title:subtitle,content:createFrame(url),closa...

easyui-tabs简单操作

easyui-tabs简单操作

1、获取tab相关属性操作//获取当前tab标题varpageTitle=$(‘.tabs-selected‘).text();//根据标题(或索引)获取tabvartab=$(‘#centerTabs‘).tabs(‘getTab‘,pageTitle);if(tab){//根据tab获取索引varindex=$(‘...

easyui datagrid加载成功之后选定并获取首行数据

easyui datagrid加载成功之后选定并获取首行数据

//加载成功之后,选定并获取首行数据onLoadSuccess:function(data){alert("grid加载成功");varrows=$(‘test‘).datagrid("getRows");if(rows.length>0){$(‘test‘).datagrid(‘selectRow‘,0);//...

关于EASYUI TREE取得选中节点的父级节点(得到选取实心圆点的ID)

关于EASYUI TREE取得选中节点的父级节点(得到选取实心圆点的ID)

官方的jquery.easyui.min.js已经实现了对实心圆点框id的获取,我们看官方如下代码:           值变成“indeterminate”那么我们就能够得到想要的结果...

easyui datagrid  样式自定义 css自定义

easyui datagrid 样式自定义 css自定义

.datagrid-view  {    background-color:#0F9BDE;  }  td.datagrid-header-over:hover,.datagrid-header-rownumber:hover  {    background:-moz-linear-gradient(100%20%9...

easyui自定义扩展,序号列宽度

easyui自定义扩展,序号列宽度

easyui的datagrid,当数据量过大时(接近万条),序号列会变得无法显示全序号,可以自定义扩展方法,动态调整序号列的宽度,方法如下,在加载成功时调用,onLoadSuccess:fixRownumber  $.extend($.fn.datagrid.methods,{fixRownumbe...

easyui自定义日期组件并扩展到datagrid(editor)

easyui自定义日期组件并扩展到datagrid(editor)

1、自定义日期组件(扩展自My97DatePicker4.0) (1)准备日历小图标(定义在easyui的icon.css中) .icon-date{ background:url(‘../../../datepicker/skin/datePicker.gif’)...

JQuery easyUi datagrid 中 editor 增加自定义事件(2)

JQuery easyUi datagrid 中 editor 增加自定义事件(2)

在easyUi的datagrid的 onLoadSuccess:function(data)函数 中添加即可:onLoadSuccess:function(data){if(firstLoad){//第一次加载成功后,保存原始数据值orignalData=$.extend(true,{},data)...

JQuery easyUi datagrid 中 editor 增加自定义事件(1)

JQuery easyUi datagrid 中 editor 增加自定义事件(1)

easyUi的datagrid可编辑表格中需要为一列增加字数输入限制,由于没有找到该插件的editor中有自定义函数的api,所以,只能自己在onClickRow中实现了,实现方法也挺简单的,在onClickRow中添加自定义函数即可。//增加完成情况字数输入限制$(‘#workloadTable‘).datagrid...