怎么控制easyui datagrideasyui checkbox 全选全选按钮

easyui 的datagrid数据表怎么设置checkbox只能选中两行呢,没财富了!望见谅_百度知道
easyui 的datagrid数据表怎么设置checkbox只能选中两行呢,没财富了!望见谅
autoRowH;#list_data&#39:true:手册编号&#39: &#39.datagrid({
idField:true,
nowrap: false: false: &#39,
striped:ck&#39,
remoteSort,
doubleS):[[
frozenColumns: true },
})这样设了之后它能选择多行$(function(){
singleSelect: true, checkbox
提问者采纳
没有你需要的那样的属性,你可以在选中行的触发事件里面做判断,如果已选中的行超过两行,那么就取消当前这一次的选中
提问者评价
其他类似问题
按默认排序
其他1条回答
其实也是会触发onCLick事件的;onClick的时候就++一次,不让它选择了。你可以做一个计数器。并且取消掉第三次的选中很简单,当大于2的时候就提示它,比如var i = 0。当你点击触发checkbox的时候
checkbox的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁背景:  & 昨天帮朋友做一个easyui datagrid的小实例时,才发现easyui datagrid的checkbox列,没有根据值为true或false来选中checkbox,当时感觉太让人失望了,这样的问题就没有解决,太不人性化了。因为从去年到今年一直用的是miniui,所以用起来就会有对比了,easyui和miniui各个方便相比差的太远了,也有可能是miniui是商业的吧!  记录下来解决方法,以便日后用的时候方便查找,如果有更好方法请留言,互相学习学习!&问题:  先上个几个图片让大家有一个直观的印象easyui datagrid表格的列配置内容json数据datagrid显示的效果   就是一个简单的datagrid,有一个checkbox列,问题就出在checkbox列,当加载数据时checkbox列的值有的给的是true,但是给true的checkbox却没有被选中,这就是问题的所在,相信大家从图片中也能看出,现在前端UI很多,但大多数的datagrid应该实现了这个功能。&解决方法:方法一:在onLoadSuccess事件中处理代码如下:
function onLoadSuccess(data) {
var rowData = data.
$.each(rowData, function (idx, val) {
if (val.ck) {
$("#dg").datagrid("selectRow", idx);
}此方法是从网上找的,但是感觉不是很好,而且数据多了,效率肯定不行了,所以就有了方法二。&方法二:修改easyui源代码跟踪源代码最后找到了要修改的地方,主要修改renderRow方法中的checkbox分支源代码如下:
if (col.checkbox) {
cc.push("&input type=/"checkbox/" name=/"" + _69e + "/" value=/"" + (_69f != undefined ? _69f : "") + "/"&");
}  仔细一看发现的的确确,没有实现此功能,其实很简单,改一下当_69f为true的时候加上checked="checked"的属性即可(注意:我改的是1.3.5的源代码)。改后的代码如下:
if (col.checkbox) {
//&input type="checkbox" value="true" checked="checked"/&
cc.push("&input type=/"checkbox/" name=/"" + _69e + "/" value=/"" + (_69f != undefined ? _69f : "") + "/"" + (_69f ? "checked=/"checked/"" : "") + "/"/&");
} &成果:上一个简单的图片来看一下easyui datagrid 多选翻页保留选中项的问题~在线等
[问题点数:40分,结帖人wlwlwlwl015]
easyui datagrid 多选翻页保留选中项的问题~在线等
[问题点数:40分,结帖人wlwlwlwl015]
只显示楼主
取消只显示楼主
相关帖子推荐:
匿名用户不能发表回复!|
每天回帖即可获得10分可用分!小技巧:
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN,不得违反国家法律法规。
转载文章请注明出自“CSDN(www.csdn.net)”。如是商业用途请联系原作者。checkbox热门博客列表 -
ITeye博客频道 -
博客专栏推荐
本月博客排行
年度博客排行
最新文章列表
1.判断checkbox是否被选中
if($(&#checkboxID&).attr(&checked&)==true){//执行操作}
2.checkbox的几种操作
a).$(&input[name='checkboxName']&).attr(&checked&, ' ...
&%@ page contentType=&text/charset=gbk& %&&form name=&frm& method=&post& action=&&&
&table class=&ItemList& width=&99%&quo ...
一直认为EasyUI在后台管理方面比较专业,并且是开源免费的,所以一直热衷于该框架。
然而,今天使用EasyUI1.4版本(当前最新版本)的datagrid组件时,需要使用checkbox:true选择框列。需求是通过后台传入的数据列来初始化该列是否被选择(也就是把数据库里原有记录过的数据的选择框勾上),然后供操作者继续修改。
按照官方提 ...
记录点滴,从小做起!
今天,工作中写到关于复选框的操作处理,记录下来。
下面是网上的例子:
页面代码:
&a href=&javascript:;& id=&all&&全部选择&/a&&br&
&a href=&javascript:;& id=&delAll& ...
如何让网页也像桌面程序一样,单击文字选择多选框、单选框、文本框……可用 label,且指定 for 属性值为元素 id,但每个都指定,一来麻烦,二来不便于维护。
&div&
您使用过 ezj 吗?
&input type=&radio& name=&r1& /&&label&使用过&/label&
jquery批量操作checkbox不生效等问题
平常页面元素简单的时候操作很简单,也不会遇到特殊问题,但是当页面结构复杂的时候,特别是与其他框架混合的时候就会出现意外情况,
&input type=&checkbox& id=&123&&
选中复选框:
$(&#123&).attr(&checked&,&q ...
$(&#id&).attr(&checked&)==true 这种方法在新版本的jquery中已经失效
$('#id').is(':checked') 这个方法能返回checkbox是否被选中的boolean值
jquery 根据Id取单个checkbox的值:
var isLimit = $(&#checkbox_islimit&).get(0).
第一种方法:获取结果String类型
在 Action 中获得的是一个 String 型数据,每一个被选中的 checkbox 的 value 被拼接在一起,每个值之间以逗号隔开(,)。
所以在 Action 中定义一个跟 checkbox 的 name 同名的属性来接收这些被选中的 checkbox 的 value 即可。
以下是实现的代码:
前台 HTML 代码:
页面有个权限功能,点中全选或取消所以复选框的状态
刚开始是下面这种
$(document).ready(function() {
//alert(parent.selPids);
$(&#selAll&).click(function(){
$(&input[name='pIds']&).attr(&ch ...
因需(产)求(品)要求,将原由“Ext.ux.form.LovCombo”实现的下拉多选(框)改为复选(框,Checkbox?CheckboxGroup)样(还得可全选),又因数据的加载获取、提交保存均是加“;”(/“,”)形式的字符串,后台程序改起来也可,但就是改动涉及的文件(类)项比较多,又怕影响到别的模块的数据,也就只能硬着头皮通过继承 CheckboxGroup(Ext ...
var accessArr = [];
$('#accessModeDiv input[type=checkbox]').each(function(e){
var isChked = $(this).prop(&checked&); // 是否选中
if(isChked){
var accessMode = $(this).val ...
验证规则:$(&#regprotrol&).prop(&checked&) == true
regprotrol : function (element, param, field) {
//if ($('#checkbox-id').attr('checked')) {
if($(&qu ...
实现ListView控件的多选和全选功能
主程序代码
MainActivity.java
[java] view plaincopy
package yy.
--------------------php-----------
1、对于多个checkbox要用name[]2、对于单个checkbox可以用name[]也可以用name3、对于name,PHP中只需echo $_REQUEST['name'];4、对于name[],PHP中需要
foreach($_REQUEST['name'] as $v){
本次介绍的jquery插件是将完全代替默认浏览器的表单checkbox的一般样式的插件,通过CSS和JQuery的可变性来改变其显示的模样。
onLoadSuccess:function(data){
var rowData = data.
$.each(rowData,function(index,row){//遍历JSON
if(data.okflag==1){ //如果数据行为已选中则选中改行
//$(&#dgSelectRoles&).da ...
$(&document&).ready(function(){
$(&#btn1&).click(function(){
$(&[name = 'checkbox']&).attr(&checked&,'true'); //全选
$(&#btn2&).click(functio ...
1.fieldset(checkbox) 获取值
复选框组件定义如下:
{
xtype: 'fieldset',
title: '兴趣',
autoHeight: true,
defaultType: 'checkbox',
$(&input[type='checkbox'][name='roleId'][checked=true]&).length
动态得到处于选中的个数
$(&input[type='checkbox'][name='roleId'][checked]&).length
动态得到处于选中的个数
& 上一页 1
博客人气排行榜
博客电子书下载排行2469人阅读
$(&#infos&).datagrid({
url:'${ctx}/info/getInfos',
idField:'infoTitle',
pageSize:15,
pageList:[15,30,45],
fitColumns:true,
pagination:true,
columns:[[
{checkbox:true},
{field:'infoTitle',title:'信息名称',width:120},
{field:'infoContent',title:'信息内容',width:120},
{field:'infoType',title:'信息类型',width:50},
{field:'infoCreater',title:'创建者',width:50,align:'center'},
{field:'infoCreateTime',title:'创建时间',width:80,align:'center'}
使用下面方法获取多条记录时,每次都只能获得第一条:
var rs = $('#infos').datagrid('getSelections');
if (rs && rs.length &= 1){
alert(rs.length);
原因分析:
datagrid 中的 idField 属性,必须对应后台的实体属性字段,而且该字段必须确保唯一性,一般用id标识,否则就无法获取在datagrid中选择的多条记录。
解决方法:
$(&#infos&).datagrid({
url:'${ctx}/info/getInfos',
idField:'id',
pageSize:15,
pageList:[15,30,45],
fitColumns:true,
pagination:true,
columns:[[
{checkbox:true},
{field:'infoTitle',title:'信息名称',width:120},
{field:'infoContent',title:'信息内容',width:120},
{field:'infoType',title:'信息类型',width:50},
{field:'infoCreater',title:'创建者',width:50,align:'center'},
{field:'infoCreateTime',title:'创建时间',width:80,align:'center'}
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:55051次
排名:千里之外
原创:38篇
转载:11篇
评论:21条
(1)(5)(2)(2)(1)(3)(1)(1)(1)(1)(1)(2)(4)(24)

我要回帖

更多关于 easyui checkbox 全选 的文章

 

随机推荐