jquery easyui combox一些实用的小方法
// combogrid刷新
$(“#cc").combogrid('grid').datagrid('load');
// combogrid设置默认选中哪一行
$('#cc').combogrid('grid').datagrid('selectRecord',idValue);
其中idValue对应combogrid定义的idValue属性
// combogrid获取pagination对象
$('#cc').combogrid('grid').datagrid('getPager').pagination({
displayMsg:''
});
// combogrid获取当前页码
$('#cc').combogrid('grid').datagrid('options').pageNumber;
// combobox默认选中第一个
var data = $("#cc").combobox('getData');
$("#cc").combobox("setValue",data[0].id);
// combotree默认第一个
var data = $("#cc").combotree("tree").tree('getChildren');
$("#cc").combotree("setValue",data[1].id);
相关推荐
-
jquery easyui 对于开始时间小于结束时间的判断示例
对于开始时间小于结束时间的判断可以参考,jquery easyui里的ValidateBox进行判断 好吧!直接上代码 复制代码 代码如下: 查看内容:按时间: <input class="easyui-datetimebox" style="width: 180px" id="start2" value="${startTime}"> <span class="newfont06">
-
jquery easyui滚动条部分设置介绍
在使用dialog插件时,默认是屏幕居中的,但是当页面出现滚动条时,dialog并没有随着滚动条往下滚动,这时就需要用户滑动滚动条来定位dialog,这不人性化,在说出解决方案前先来普及一下jquery关于定位的几个方法 复制代码 代码如下: //获取浏览器显示区域的高度 $(window).height(); //获取浏览器显示区域的宽度 $(window).width(); //获取页面的文档高度 $(document.body).height(); //获取页面的文档宽度 $(docume
-
jquery easyui使用心得
第一步下载jquery easyui 下载地址:http://www.jb51.net/codes/70218.html 第二步创建Java web项目 第三步导入相关的文件..目录结构如下 <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" rel="external nofollow" rel="ext
-
Jquery EasyUI中弹出确认对话框以及加载效果示例代码
复制代码 代码如下: //confirm function Confirm(msg, control) { $.messager.confirm("确认", msg, function (r) { if (r) { return true; } }); return false;} 复制代码 代码如下: //Loadfunction Load() { $("<div class=\"da
-
JQuery EasyUI 日期控件如何控制日期选择区间
复制代码 代码如下: <tr><th>发售起始日期</th> <td><input type="text" id="usLineTime" name="usLineTime" size="20" class='easyui-validatebox Wdate' onFocus="WdatePicker({el:'usLineTime',dateFmt:'yyyy-
-
jQuery EasyUI datagrid实现本地分页的方法
本文实例讲述了jQuery EasyUI datagrid实现本地分页的方法.分享给大家供大家参考.具体如下: 一般分页都是后台做,前端做无论从哪方面考虑都不合适.但是有的时候还是有这种需求. 这里重点用到了pagination的监听,以及JS数组的slice方法来完成.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title></title&g
-
Jquery easyui 实现动态树
在上篇文章给大家介绍了jquery中EasyUI实现异步树,本文给大家介绍jquery easyui实现动态树. 首先是在jsp页面中引入相关的js文件 在body中加入流程列表,通过后天拼接json数据 具体内容请看下面代码详情吧. 首选在jsp页面中引入相关的js <link rel="stylesheet" type="text/css" href="<%=path %>/css/jquery_easyui/themes/defau
-
JQueryEasyUI Layout布局框架的使用
layout就是一个布局面板: 也就是布局的容器,有五个布局区域:北部,南部,东部,西部和中心.其中中心区域面板是必需的,但中心区域面板边缘区域面板是可选的.通过拖动它的边框,面板,可以调整每一个边缘地区.可以嵌套的布局,以便用户可以建立复杂的布局. 如果想要各个区域中的框架随框架的大小改变,请嵌套到layout框架中: 复制代码 代码如下: <script type="text/javascript"> //split属性:如果设置为true将显示一个分隔条
-
jquery easyui 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;//将从头位置匹配改为任意匹配 },formatter:function(row){ var opts=$
-
jQuery前端框架easyui使用Dialog时bug处理
最近一直都在用easyui前端框架来开发设计UI,但在使用Dialog时,发现如果页面内容比较多,就会出现问题,首先看一下我的原代码: 复制代码 代码如下: <input type="button" value="确认预约" id="btnconfirm" onclick="javascript:openconfirmDlg();" /> <div id="confirmd">
-
JQuery EasyUI 数字格式化处理示例
设置显示时间戳 <% request.setAttribute("currentTimeStamp",Calendar.getInstance().getTime()); %> 显示:2009-11 <fmt:formatDate pattern="yyyy-MM" value="${currentTimeStamp}"/> <br/> 显示:2009-11-30 23:47:06 <fmt:format
-
jQuery+easyui中的combobox实现下拉框特效
1.第一种写法:Input框中显示: 复制代码 代码如下: <input id="cc" class="easyui-combobox" name="name" data-options="valueField:'value',textField:'text',data:[{'value':'1','text':'java'},{'value':'2','text':'C#'}]"/> 2. 第二种用法,在list
-
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
初识Jquery EasyUI看了一些博主用其开发出来的项目,页面很炫,感觉功能挺强大,效果也挺不错,最近一直想系统学习一套前台控件,于是在网上找了一些参考示例.写了一些基本的增删改查功能,算是对该控件的基本入门.后续有时间继续深入学习. 在学习jquery easyui前应该先到官网下载最新版本http://www.jeasyui.com/download/index.php 先看一下运行后的页面 1.列表展示 2.新增页面 3.修改页面 把jquery easyui下载好之后,一般引用下页几
-
jquery easyui中treegrid用法的简单实例
项目需求如下图,在服务端返回的json数据中,要经过JS处理,添加复选框,并且复选框需响应JS操作.在easyui 的treegrid中,没有找到现成的插件,自己需要修改整理,代码如下 复制代码 代码如下: <table class="easyui-treegrid" style="width:700px;height:250px" url='control_node_json?group_id=$info[id]&access_node=$_REQ
-
jQuery-Easyui 1.2 实现多层菜单效果的代码
11年9月份项目刚开始时,找到了园中的疯狂秀才.因为秀才上面的Demo没有多级菜单.也是第一次接触Easyui.好多不是明白.不过后来我们叁还是捣鼓出来了.但是发现我们的项目用不了.就放弃了!一直搁在那--还好最后找到了 今天这位朋友想要这块,就贴出来.有需要的可以看看.方法肯定不止一种.这只是我们实现的手段 呵呵 需求:菜单比如"导航菜单-基础数据-基础数据1-子菜单1" 效果: js代码如下 复制代码 代码如下: /*********************************
-
增强用户体验友好性之jquery easyui window 窗口关闭时的提示
我的弹窗是这么写的 复制代码 代码如下: $('#aa').click(function(){ //按钮单击事件 $('#w').window({//窗口初始化 title:'随便点',width:400,height:300,iconCls:'icon_add', //重要的部分 onBeforeClose:function(){ //当面板关闭之前触发的事件 if (confirm('窗口正在关闭,请确认您当前的操作已保存.\n 是否继续关闭窗口?')) { $('#w').window('
-
Jquery easyui 下loaing效果示例代码
复制代码 代码如下: //采用jquery easyui loading css效果 function ajaxLoading(){ $("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body");
-
JQueryEasyUI datagrid框架的进阶使用
由于datagrid接收数据为Json格式,所以我们在前台展示数据的时候会出现问题,尤其是时间格式,在Json序列化之后,前台无法展示正确的时间数据,那么我们如何解决这样的问题呢?首先我们可以使用datapattern.js来解决这个问题:无需废话,直接上代码: <script src="Scripts/datapattern.js" type="text/javascript"></script> 复制代码 代码如下: //列表初始化fun
-
Jquery下EasyUI组件中的DataGrid结果集清空方法
我们有一个模块如下图,要求选择"地区"及"代维公司"后,刷新第一个DataGrid框体 并以第一个结果集中的行为数据条件点击完成下一个框体的检索 现在我们已完成相应功能,并在选择"地区"及"代维公司"并保证这两个选项同时有值后,自动刷新第一个DataGrid(DG1)结果集 但是在DG1刷新完毕后,后面两个紧跟的DG2及DG3还是保有之前的结果 我试图更改DG2及DG3的查询条件,手动传一个空的ID值给query()方法,但是
-
jquery easyui 结合jsp简单展现table数据示例
复制代码 代码如下: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd&qu
-
jQuery easyui datagrid动态查询数据实例讲解
该插件组小巧使用方便,以下是一个从前台提交查询条件,从MSSQL返回json数据的一个事例 HTML前端代码 复制代码 代码如下: <?php include_once("auth.php"); ?> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel=&qu
随机推荐
- Coldfusion MX PageList 菜鸟版教程
- PHP 加密解密内部算法
- Python pip安装lxml出错的问题解决办法
- Asp.Net防止刷新重复提交数据的办法
- 使用.Net实现多线程经验总结
- php中关于codeigniter的xmlrpc的类在进行数据交换时的类型问题
- 使用ViewPager实现android软件使用向导功能实现步骤
- PHP仿微信发红包领红包效果
- php环境配置 php5 mysql5 apache2 phpmyadmin安装与配置
- python类和继承用法实例
- Python functools模块学习总结
- 深入理解mysql SET NAMES和mysql(i)_set_charset的区别
- JavaScript实现简单精致的图片左右无缝滚动效果
- 原生javaScript做得动态表格(注释写的很清楚)
- c语言中字符串分割函数及实现方法
- php实现批量修改文件名称的方法
- PowerShell隐藏不显示窗口的多种方法
- 纯C语言:分治假币问题源码分享
- jquery操作checkbox示例分享
- nginx 1.0.0配ngx_cache_purge实现高效的反向代理