easyui api,jQuery EasyUI API 中文文档 - TimeSpinner时间微调器
easyui api,jQuery EasyUI API 中文文档 - TimeSpinner时间微调器详细介绍
本文目录一览： jQuery EasyUI API 中文文档 - TimeSpinner时间微调器
扩展自
$.fn.spinner.defaults，用
$.fn.timespinner.defaults
重写了
defaults。
依赖
spinner
用法
复制代码
代码如下:
<input
id="ss"
required="true"
style="width:80px;">
复制代码
代码如下:
$('#ss').timespinner({
showSeconds:true
});
特性
</input
jquery easyui问题，api里描述了那么多方法，拿accordion举例，是我这么调用吗，如果不是那又怎么用呢？
var pp = $('#aa').accordion(‘panels’);jquery easyui的方法都是作为字符串传递进去调用的，如果需要参数，比如resize方法，则如下：
var pp = $('#aa').accordion(‘resize’,{ { width:1000, height:500 }});
如何获取当前easyui datagrid的总行数
1、百度搜索easyui，找到easyui的官网，下载easyui的jsAPI文件，并将js文件添加到项目中。
2、新建html页面，将easyui的关键js文件及css文件引入到页面。
3、在页面声明datagrid的渲染元素，该元素主要是datagrid显示的载体。
4、编写js模块，为datagrid绑定数据源及配置字段及属性，到这里，datagrid的配置就完成了，这时，我们运行页面就可以得到一个带分页的列表。
5、编写获取datagrid选中行的js，具体实现如下。
6、运行页面，我们就可以看到相应的结果。
EasyUI怎么修改$messager.show的消息窗口的位置
我要实现的是在页面左下角弹出提示框，窗口标题：业务支持，内容：联系电话——112xxx
代码如下：
var text = "";
textHtml += "
"//设置字体和大小，以及展示内容。关键在于 id='sonId'
jQuery.messager.show({
title:'业务支持'，
msg:textHtml,
width:360,
height:160,
showtype:'show'
)};//具体参数说明可以参见此API文档http://www.cnblogs.com/Philoo/archive/2011/11/15/jeasyui_api_messager.html
document.getElementById('sonId').parentNode.parentNode.id = 'parentId';//设置上上层模块的id
var newStyle = document.getElementById('parentId').getAttribute('style').replace('right','left');
var explorer = window.navigator.userAgent;
if(explorer .indexOf('Chrome' > -1){
document.getElementById('parentId').setAttribute('style',newStyle );//谷歌浏览器
}else{
document.getElementById('parentId').setAttribute('style','display:block;width:348px;cursor:default;left:0px;z-index:9000;bottom:0px;');
}
说明，我当时要实现这个功能，但是只能用这个插件，所以，首先我根据子div的sonId获取父div，给父div设置了parentId，然后通过parentId修改这个窗口的样式，但是在 IE浏览器中，replace没有什么用，所以我直接将那段样式的right修改为left进行复制。还有不足的请同行多指教。
然后依次类推，就可以指定弹出窗口出现的位置。
$.messager.confirm("确认对话框","该客户已经存在！确定：查看该客户 ", function(r){ if(r){ alert("好") } }).panel("options").top = $(document).scrollTop() + 80; 距离顶部80位置
.panel('move',{top: 150})
jquery easy ui datagrid 怎样设置宽度，让列永远百分之百填充
我想正在用JQuery Easy UI的朋友一定很希望DataGrid能够自适应页面大小变化，目前我还没发现其自带此功能，因此简单写了一个实现方法，与网友们分享，也希望能够帮助有需要的朋友。
下面是我基于JQuery做的一个实现：
Js代码 收藏代码
/**
* JQuery扩展方法，用户对JQuery EasyUI的DataGrid控件进行操作。
*/
$.fn.extend({
/**
* 修改DataGrid对象的默认大小，以适应页面宽度。
*
* @param heightMargin
* 高度对页内边距的距离。
* @param widthMargin
* 宽度对页内边距的距离。
* @param minHeight
* 最小高度。
* @param minWidth
* 最小宽度。
*
*/
resizeDataGrid : function(heightMargin, widthMargin, minHeight, minWidth) {
var height = $(document.body).height() - heightMargin;
var width = $(document.body).width() - widthMargin;
height = height < minHeight ? minHeight : height;
width = width < minWidth ? minWidth : width;
$(this).datagrid('resize', {
height : height,
width : width
});
}
});
使用方法：
Js代码 收藏代码
$(function() {
var datagridId = 'userDataGrid';
// 其他代码
// 第一次加载时自动变化大小
$('#' + datagridId).resizeDataGrid(20, 20, 300, 600);
// 当窗口大小发生变化时，调整DataGrid的大小
$(window).resize(function() {
$('#' + datagridId).resizeDataGrid(20, 20, 300, 600);
});
});
在此补充一下，由于IE6下JS的执行效率很低，因此在让DataGrid自适应页面大小变化的时候，请将DataGrid的fitColumns属性设置为false，否则改变页面大小会导致IE出现一定时间的停顿。设置方法为：
$('#' + datagridId).datagrid({
title: '用户类型',
url: 'userType.json',
fitColumns: false,
请参考API(http://www.jeasyui.net/plugins/183.html)
fitColumns 参数设置为true可以达到你的要求,
fit 参数可以让高度也自适应,
这两个参数使用的前提是你放置grid的盒子有宽度和高度
使用这个参数时也是要给columns设置width属性的,这时候的width相当于比例,如果width的值一样,则平均分配,如果有某一列width稍大,则该列在填充的时候也会稍微大一点
PS:easyui的API是继承的,很多插件的属性都继承自父类,所以,如果你查看一个空间的api,但是没有找到合适的方法和属性,请查看它的父类的属性或方法
不设置width属性，加上一个fixed设置为true.就可以自适应了。多看文档。
在外层套一个div作为容器，设置宽度100%
fitColumns 参数设置为true可以达到你的要求,fit 参数可以让高度也自适应,这两个参数使用的前提是你放置grid的盒子有宽度和高度.使用这个参数时也是要给columns设置width属性的,这时候的width相当于比例,如果width的值一样,则平均分配,如果有某一列width稍大,则该列在填充的时候也会稍微大一点。
PS:easyui的API是继承的,很多插件的属性都继承自父类,所以,如果你查看一个空间的api,但是没有找到合适的方法和属性,请查看它的父类的属性或方法。
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
easyui 校验 去掉提示信息
在控件内加一个属性 missingMessage="" 就不会出现提示框了（easyui api中有介绍）
required:true, 这个就是校检的 把这个去掉就不弹提示框了
jquery easyui js赋值后， 但页面不显示， 怎么刷新显示？
设置有那问题。
需要这么用
.textbox('setValue',"sgsdgsdgsdg");
productId是不是被隐藏掉了，你看见的输入框并不是真实的productId，是经过包装的，建议看看easyui的api
easyui是把你的html代码重新替换了，生成了一个隐藏的input，所以你$("#productId")获取到的也是那个隐藏的输入框，这样直接赋值容易导致错乱，他有提供赋值的方法的，用他的方法赋值。
easyui动态生成combobox并渲染后，设置默认选中项，之后取控件的值都是同一个？
data-options="multiple:true,panelHeight:'auto',onLoadSuccess:function(a){$('#repaymentType${index }').combobox('clear');$('#repaymentType${index }').combobox('select',${info.repaymentType });}"
这不是标准的easyui的combobox的渲染方式，最好参照API的加载数据一段来，不要生拼html，渲染不一定生效，可以试试$('#控件ID').combobox('reload'); 如果不行最好还是按照API的方式来
EasyUI的combotree设置值问题
看了一下不知道楼主的具体问题是什么。
下面是我自己下项目中做的。
html页面，里面绑定了一个选择节点的函数
<select id="cc" class="easyui-combotree" data-options=" onSelect:
function(rec){
$('#orgId').val(rec.id);
}" style="width:115px;">
js代码：
$('#cc').combotree('loadData', ${treeData});
其中${treeData}是一个JSON字符串，从后台传过来的。
通过EasyUI的API你可以找到
http://www.jeasyui.com/demo/main/tree_data1.json
这就是它的格式们只要满足这样的格式就OK
easyui获取jsp里field的值
很简单。也不需要获取值。
你最好有一个easyui的api手册，中文版的，看起来比较方便。
我一般用js方式定义列，因此你能看懂就完事了。
{filed:state,width:100,halign:center,formatter:function(value,row,index){ if(value==1){ return "已经提取"; }elseif(value==2){ return "未提取"; }}}