- 浏览: 461692 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (106)
- jquery easyui (20)
- spring学习 (4)
- 心情 (1)
- jsp (3)
- javascript (7)
- 异常 (4)
- tomcat (7)
- win7 (1)
- struts2 (2)
- WEB开发 (9)
- 数据库sqlserver (3)
- flex (3)
- java开发工具 (5)
- web服务器 (3)
- html (5)
- struts (1)
- coffeeScrip (0)
- css (1)
- Jquery Mobile (1)
- jquery (5)
- spring (0)
- 数据库 (2)
- freemarker (0)
- hibernate (1)
- spring mvc (2)
- java jdbc (1)
- office (1)
- java类常用方法积累 (2)
- web service (1)
- 项目管理 (0)
- 缓存技术 (0)
- CI (0)
- BPM (1)
- 系统 (2)
- java (2)
- 天天读文章 (1)
- exception (0)
- 网站 (1)
- management (0)
- apache工具类 (1)
- laravel (1)
- .net (1)
- nginx (1)
- electron (1)
- react-native (0)
- eclipse (1)
- gitlab (1)
- ios (1)
- redis (1)
最新评论
-
carl_java:
可否告知具体如何解决。目前使用jredis访问twemprox ...
jedis通过twemproxy无法使用pipeline -
jveqi:
...
jedis通过twemproxy无法使用pipeline -
jinhailion:
也有此问题,版本号50.0.2661.12,有解决方案吗
Web浏览器Chrome打开一段时间后,运行alert无效 -
纵观全局:
easyui-accordion 里面的数据怎么清空啊
jquery easyui学习教程-accordion -
hourui93:
非常感谢,问题解决了~~~
electron加载带有jquery的web page出现$,jQuery无法识别
扩展版本1.2.2:
1、首先在<input type="text" class="combo-text">上面添加一段用来显示默认文字的代码。
<span class="combo-defaultText"></span>
位置在
var _5c8=$("<input type=\"text\" class=\"combo-text\">").appendTo(span);之前加上
$("<span class=\"combo-defaultText\"></span>").appendTo(span);
2、样式:
.combo-defaultText{
float:left;
position:absolute;
padding:3px 0 0 3px;
color:#4e4e4;
}
3、添加默认属性defaultText:
$.fn.combo.defaults=$.extend({},$.fn.validatebox.defaults,{width:"auto",defaultText:'请选择',panelWidth:null,panelHeight:200,。。。。。。。。。。
4、初始化时将相应的文本添加到输入框中
位置,在_5c1.find("input.combo-text").width(_5c0);之上添加
if(_5c1.val().length>0){//判断初始的时候是否有值,如果没值则将默认的值直接放到<span class="combo-defaultText"></span>中
_5c1.find(".combo-defaultText").text(opts.defaultText?opts.defaultText:'');
}
5、在鼠标单击图标的时候,执行如下代码(对应放置,只有if是新添加的):
$(document).bind("mousedown.combo",function(e){
if(_5d1.val().length <=0 ){//4
_5cf.find(".combo-defaultText").text('');}
$("div.combo-panel").panel("close");
});
6、 鼠标焦点输入,及移除时时,置空(3、6为新添加的行)
_5d1.bind("mousedown.combo",function(e){
_5cf.find(".combo-defaultText").text('');//3
e.stopPropagation();
}).bind('focusout.combo',function(e){//6
if(_5d1.val().length <=0 ){
_5cf.find(".combo-defaultText").text(opts.defaultText?opts.defaultText:'');
}})
7、键盘事件(可不写),对应位置新添加即可(5为添加的语句)
if(opts.editable){
setTimeout(function(){
var q=_5d1.val();
if(q.length <=0 ){//5
_5cf.find(".combo-defaultText").text('');
}
if($.data(_5ce,"combo").previousValue!=q){
$.data(_5ce,"combo").previousValue=q;
_5d3(_5ce);
opts.keyHandler.query.call(_5ce,_5d1.val());
_5db(_5ce,true);
}
},10);
}
8、当下拉框打开的时候,置空。在opts.onShowPanel.call(_5d4);之前添加
_5d5.find(".combo-defaultText").text('');//2
opts.onShowPanel.call(_5d4);
9、当给具体的组件赋值的时候,执行:
_5f3.find(".combo-defaultText").text('');放置于_5f4.val(_5f1[i]);之后
注:当前的扩展是针对combo的,而不是combobox。
/*http://www.jeestudio.com 版权所有,转载请说明出处*/
发表评论
-
jquery半透明设置
2012-08-21 16:29 2800function setOpacity(eles){ ... -
Jquery easyui模拟浏览器前进后退查看历史浏览网页
2012-07-31 11:25 2556/** * 打开窗口的简化 */function easyui ... -
Jquery easyui支持验证多种类型
2012-06-20 14:26 12748<!--StartFragment --> ... -
jquery easyui学习教程-accordion
2012-05-08 10:05 24385jquery easyui中的accordion一般用来做分组 ... -
jquery easyui表单重置(reset)扩展思路
2012-04-27 08:59 16107在jquery easyui表单中 尚未提供表单重置的功能,这 ... -
jquery easyui之accordion
2012-04-23 11:23 1148accordion: 使用场景: 属性: ... -
easyui tree数据无法加载
2012-04-13 14:39 1790首先,确保url能够返回json数据。 其次,保证json数 ... -
jquery easyui入门教程(二)
2012-04-14 17:06 12805今天讲解一下,jquery eas ... -
Jquery easyui分页栏,显示1到0解决方案
2012-04-12 10:25 2640针对jquery easyui 1.2.2 找到 ... -
jquery easyui入门教程(二)
2012-04-12 09:02 03、在使用Jquery easyui进行开发 ... -
Jquery easyui中numberbox在precision为零时禁止输入“点”
2012-04-05 17:36 8537针对jquery easyui中numberbox,在pr ... -
jquery easyui的datagrid中toolbar类似extjs的工具栏靠右浮动
2012-03-29 21:58 9161直接上代码: if(opts.toolbar){ v ... -
Jquery easyui之控件参数传递
2012-03-28 10:14 12991在使用jquery easyui的时候,如果数据是从服务器端加 ... -
Jquery easyui之datagird查询框扩展
2012-03-29 21:26 10588今天整理一下,本人对jquery easyui中的datagr ... -
Jquery easyui界面单击过快js错误之临时解决方案
2012-03-14 16:19 2035在使用jquery easyui的做系统应用的时候,如果界面单 ... -
Jquery easyui表单的异步验证
2012-03-12 13:16 13019在使用jquery easyui的时候,很多实用要用到异步验证 ... -
Jquery easyui入门教程(一)
2012-04-12 09:01 8365到现在为止,已经使用Jquery Easyui有一年了,在使用 ... -
Jquery easyui窗口window打开与关闭问题探讨
2012-03-08 17:32 0今晚就研究这个。。。。。 -
Jquery easyui Form表单提交注意事项
2011-11-11 15:26 25774jquery easyui对表单的提交进行了封装,提交的方式采 ... -
jquery easyui 将combobox 设为只读方法
2011-10-27 12:59 8967在jquery easyui.1.2.2中 并没有提供相应的m ...
相关推荐
以下将详细介绍如何使用jQuery EasyUI的Combobox实现级联功能,并结合Java后端处理JSON数据。 首先,理解jQuery EasyUI Combobox的基本用法。Combobox组件在HTML中表现为一个输入框和一个下拉列表,通过JavaScript...
本文主要探讨的是如何利用jQuery EasyUI的DataGrid和combobox组件实现多级联动的效果,这对于在数据录入时需要根据上一级选择动态更新下一级选项的情况非常有用,比如在本例中的“老师分类”和“老师细类”。...
修改jquery easyui combobox模糊过滤 代码如下:filter:function(q,row){ var opts=$(this).combobox(“options”); //return row[opts.textField].indexOf(q)==0;// return row[opts.textField].indexOf(q)>-1;//将...
`easyui-combobox` 则是一个下拉选择框组件,允许用户从预定义的选项列表中选择一项。这两个组件在网页表单中非常常见,可以用于收集用户的输入数据。 `onchange` 事件是 JavaScript 中的一个重要事件,它会在元素...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它封装了一系列的 jQuery 插件,为开发者提供了构建用户界面的简便方法。这个“jquery easyui datagrid demo”包含了一些关于如何使用 jQuery EasyUI 中 Datagrid 组件...
3. **前端实现**:在jQuery EasyUI中,ComboBox可以通过`onSelect`事件监听用户的选择。当选择发生变化时,触发AJAX请求,获取新的数据,并更新下一级ComboBox的选项。这个过程需要使用JSON格式传输数据,因为它是...
总之,通过结合EasyUI的Combobox组件和自定义的JavaScript代码,我们可以轻松实现多选模式下的“选择全部”功能,为用户提供更便捷的操作体验。在开发过程中,理解并熟练运用此类组件和技巧,对于提升Web应用的用户...
jQuery EasyUI 的核心在于其组件系统,这些组件包括但不限于数据网格(datagrid)、下拉菜单(combobox)、对话框(dialog)、表单(form)、布局(layout)、菜单(menu)、面板(panel)、进度条(progressbar)、...
2. **UI 组件**: jQuery EasyUI 提供了诸如对话框(dialog)、表格(datagrid)、下拉框(combobox)、树形控件(tree)、菜单(menu)等常见的 UI 组件,这些组件都封装了复杂的交互逻辑和样式,使得开发者无需关心...
**jQuery EasyUI 知识点详解** jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列的 UI 组件,使得开发者能够快速构建出美观且功能丰富的 Web 应用程序。这个框架大大简化了网页界面的设计工作,使得...
- **EasyUI 组件**: EasyUI 将jQuery的功能进一步扩展,提供了如`datagrid`(数据网格)、`panel`(面板)、`dialog`(对话框)等丰富的UI组件。 2. **组件的使用**: - **初始化组件**: 使用`$(selector)....
在这个"Jquery EasyUI 日历Demo"中,我们将探讨如何利用 EasyUI 的日历组件来实现一个简单的日期选择功能。 首先,我们需要在 HTML 页面中引入 jQuery 和 JQuery EasyUI 的库文件。这些库文件通常可以从官方 CDN...
jQuery EasyUI提供了一套丰富的UI组件库,其中Combo和Combobox组件主要用于数据的输入和选择。在本实例中,通过自定义的方法,为这些组件增加了一个“清除”按钮,让用户能够快速清除已选择的值。 知识点一:jQuery...
4. **扩展**:除了基本的组件外,jQuery EasyUI还提供了许多扩展插件,如日期选择器、时间选择器、树形表格等,这些扩展增强了框架的功能,使开发者能够创建更复杂的用户交互体验。 5. **演示**:包含的演示示例...
针对jQuery EasyUI的1.9.0的在线帮助文档进行整理,生成chm文件,便于开发时或者离线对easyi控件的属性、文法、事件等内容的查看。
jQuery EasyUI 是一款非常棒的WEB前端UI框架,很多朋友都在找jQuery EasyUI API 中文文档,本次给大家提供的就是jQuery EasyUI v1.3.5官方API中文版,有需要的拿去用吧
《jQuery EasyUI 1.7.0:打造高效前端界面的利器》 jQuery EasyUI 是一个基于 jQuery 的轻量级框架,它为开发者提供了一系列组件,使得构建交互式、响应式的Web应用程序变得更加简单。在1.7.0版本中,这个强大的...
jQuery EasyUI中的分页组件默认提供了基本的分页功能,包括页码导航、每页显示条数的选择等。然而,有时我们可能需要更高级或定制化的功能,这就需要对分页插件进行扩展。 扩展通常有两种主要方式: 1. **代码扩展...
EasyUI 是基于 jQuery 的一组 UI 组件,它为开发者提供了诸如表格(datagrid)、下拉菜单(combobox)、树形控件(tree)、对话框(dialog)等常见的网页元素。这些组件不仅具有丰富的样式,还内置了大量的功能,如...