怎么样实现easyui的datebox当前时间以后不可用

怎么样实现easyui的datebox当前时间以后不可用,第1张

并不是datebox继承自Calendar,是datebox创建时会包含一个calendar。

所以可以从datebox获取一个他使用的calendar。

// 这是只允许选择今后10天之内的日期

$('#dd')datebox('calendar')calendar({

validator: function(date){

var now = new Date();

var d1 = new Date(nowgetFullYear(), nowgetMonth(), nowgetDate());

var d2 = new Date(nowgetFullYear(), nowgetMonth(), nowgetDate()+10);

return d1<=date && date<=d2;

}

});

API 里提供了一个属性 「endEdit」可以拿来结束当前的编辑。和可以下载补丁

有3个方法

1、在dataGrid 编辑表格里增加 focusout 事件,获取当前的行号,然后设置「endEdit」结束掉当前编辑行。

eg

inputbind('focusout', function (e) {

dgdatagrid('endEdit', index);

});

2、直接获取当前所有的 dataGrid 行,然后遍历设置「endEdit」

eg

var rows=$('#datagrid')datagrid('getChecked');   //  选择要提交的数据

var endRows = $('#datagrid')datagrid("getRows");// 获取所有的行,并且结束掉编辑

for(var i =0; i < endRowslength; i++){

$('#datagrid')datagrid('endEdit', i);

}

3、下载一个补丁网页链接

这个时候 rows 里就能获取到你正在编辑的值了。

我只是验证了第二种方法,自己在用,另外2中还没有验证。这里附上参考链接吧

easyUI论坛的链接 网页链接

在用easyui做一个分页的页面,数据区没有使用dbgrid,直接在后台获得当前页的数据并输出,下方放置了一个跳转用的层:

<c:forEach

<c:out

</c:forEach>

<div class="easyui-pagination" data-options="total:${datas_count},pageList: [5,10]" id="pageCtrl"></div>

var rows = $("#datagridID")datagrid("getRows"); 这段代码是获取当前页的所有行。

for(var i=0;i<rowslength;i++)

{

//获取每一行的数据

alert(rows[i]id);//假设有id这个字段

}

datagrid是不可能获取所有行的。因为分页时从后台查询出来的数据只有本页的数据,所以不可能获取所有数据。只能获取当前页的数据。

以上就是关于怎么样实现easyui的datebox当前时间以后不可用全部的内容,包括:怎么样实现easyui的datebox当前时间以后不可用、easyui 如何获取正在编辑的行的数据、easyui-pagination中的属性值怎么获取等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9528550.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存