easyui datagrid表头checbox点击全选,求解

datagrid第一列设置为checkbox,点击表头的checbox,好像并没有全部选中勾选的行

2个回答

你这个要写javascript实现的,当第一列的checkbox.checked 为true时,这个datagrid里的checkbox也要设为true 。

什么版本的easyui?1.4.4 demo\datagrid\checkbox.html测试没有问题,你没有配置singleSelect为true吧?

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
easyui datagrid 点击表头排序问题
1、当前页排序:     设置datagrid的属性:remoteSort : false,     设置列属性:sortable:true 2、点击表头,所有数据重新排序设置 设置datagrid属性:remoteSort : true, 设置列属性:sortable:true 这个后端接收参数sort 和order 其中,sort表示排序的字段,orde
easyui datagrid自定义表头
第一种实现方法: 实现界面: html代码: js代码: $('#tt').treegrid({ url: '/cost/getInfo.do', method: 'get', queryParams:{year:y}, autoRowHeight:true, animate:true, lines:true, heigh
easyui datagrid 去掉全选按钮
只要在加载表格的时候添加事件:onLoadSuccess  "onLoadSuccess" : function() {    $(".datagrid-header-check").html(""); }   注:去掉全选按钮的目的就是为了单个操作,所以记得要设置属性singleSelect:true
easyui datagrid的全选、全不选方法
onUncheckAll /**全不选的处理*/ function onUncheckAll(rows,textID,examType){ var oldTmp = document.getElementById(textID).value;//原有的 内容 var newText=oldTmp; $.each(rows, function(index, item){...
easyui 的Datagrid 表头显示不全问题解决
在开发的时候遇到这么一个问题,当使用easyui的datagrid的时候,定义的列比较多,但是宽度不够。加载数据之后下端会出现横向滚动条,一切似乎都在掌控之中,但是问题来了,当加载空数据时(也就是说表里不显示任何数据时)问题就来了:我们会发现我们定义好的表头不全了(只显示了一部分),这样看起来就怪怪的。 不废话了,直接上解决方法: $('#datagridid').datagrid({
EasyUI DataGrid 多级表头设置
EasyUI DataGrid 多级表头设置
easyUI datagrid 多级复杂表头
easyui datagrid
easyui datagrid表头与内容错位
$('#funds-list-data').datagrid(rn url:'fundsAction!fundslist.action',rn iconCls:'icon-edit',rn fit:true,rn columns:[[rn field:'createTime',title:'创建时间',width:fillsize(0.1),align:'center',rn field:'projectName',title:'项目名称',width:fillsize(0.2),align:'center',rn field:'principalPersonName',title:'负责人',width:fillsize(0.1),align:'center',rn field:'fundsSource',title:'经费来源',width:fillsize(0.1),align:'center',rn field:'fundsBudget',title:'经费预算',width:fillsize(0.15),align:'center',rn field:'fundsUsed',title:'已用经费',width:fillsize(0.1),align:'center', rn field:'fundsSurplus',title:'剩余经费',width:fillsize(0.1),align:'center' rn ]],rn rownumbers:true,rn remoteSort:false,rn singleSelect:true, rn pagination:true,rn pageSize:20,rn pageList:[20,40,60,80,100],rn onSortColumn:function(sort,order)rn $("#funds-list-data").datagrid('load'); rn ,rn onLoadSuccess: function (row,data) rnrn rn);rnrn数据读出来以后有时候表头和内容会错位(IE8 谷歌和火狐是好的) fillsize()是自己定义的函数
easyui datagrid制作复杂表头
datagrid制作复杂的表头,这个功能主要是使用到datagrid中的columns属性,与表格中的rowSpan 与colspan属性的。 具体代码如下: $('#datatable').datagrid({ width:'100%', toolbar:'#toolbar', pagination:'true
java前端easyui中datagrid表格点击表头排序
easyui客户端排序不正确,引用服务端进行排序。
checbox的全选,以及复选,还有点击监听和状态监听
首先我先说一下: checkbox有状态改变监听和点击监听事件: // 状态改变监听事件 ch1.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { @Override public void onCheckedChanged(CompoundButton butt
如何控制easyui datagrid checkbox全选按钮
Jquery easyui datagrid的column如果是checkbox, 如何去掉全选checkbox的选中状态   $('#gridId).parent().find("div .datagrid-header-check").children("input[type='checkbox']").eq(0).attr("checked", false);   checkbox...
easyui datagrid reload之后自动全选了
我的easyui datagrid在执行reload之后自动就自动选择中了所有行,为什么呢,是哪个设置的问题呢
JQuery EasyUI 隐藏datagrid表头的复选框
使用JQuery EasyUI时,遇到这样一个需求:数据表格中的行只能单选,而且每行的第一列要有复选框,并且隐藏表头的复选框。
easyui datagrid 表头错位 宽度没有撑满
[img=https://img-bbs.csdn.net/upload/201507/29/1438164550_855178.png][/img]rnrnrnrnrn[img=https://img-bbs.csdn.net/upload/201507/29/1438164657_402145.png][/img]
easyUI使用datagrid不能显示表头的问题
今天在做一个项目时,发现datagrid的表头一直不能显示出来,后面自己不停的拿一个模板datagrid和自己写的进行对比,发现自己的写法并没有任何问题,但是它就是不显示出来,就这样搞了个把小时,最后突然想起会不会是css的问题,然后自己一个个去排除css,终于发现那个坑了table  {margin:auto;padding:0;}就这么一行css代码,导致整个表头无法显示。解决办法:暴力删除这...
easyui框架实现datagrid多表头设置
easyui中datagrid多表头的设置
easyUI dataGrid 隐藏分页工具栏 隐藏表头
一.方法1(不推荐) 适应以下需求: 1.当表格没有数据时,把datagrid隐藏;有数据的时候显示 2.表格不分页,无需显示分页栏 3.datagrid的高度由内容撑开(固定高度,无数据时显示空白也可,有数据要隐藏不行,因为本方法实质是隐藏表头,分页) 首先看第一点:大多数人都是这样想的,即单纯的给datagrid <table>动态设置display:none控制显示隐藏...
easyUI 如何添加点击表头事件
各位,easyUI中有点击单元格,点击行事件,但是怎样添加单击表头(列名)事件?n求指教,不胜感激
获取easyui datagrid表头和数据 动态生成excel表格
jsfunction importexecttogerenbiangen(){    var $bodydiv = $("div[name='gerenkehuyewu']");    var $table = $bodydiv.find("table[name='dg']");     var rows  = $table.datagrid("getRows");      if(rows.le...
easyui datagrid 表头和数据错乱问题
rn用easyui datagrid 实现的表格表头如代码所示,要实现的效果如图,问题是表格数据和表头对不上,也就是错乱,希望大家帮帮忙看看表头的问题在哪里?[img=https://img-bbs.csdn.net/upload/201410/16/1413459804_82407.png][/img]rn[code=javascript][rn [rn rn "align": "center",rn "colspan": "2",rn "rowspan": "2",rn "title": "2013年底预计风电并网容量"rn ,rn rn "align": "center",rn "colspan": "5",rn "rowspan": "1",rn "title": "项目追踪法"rn ,rn rn "align": "center",rn "colspan": "2",rn "rowspan": "1",rn "title": "趋势外推法"rn rn ],rn [rn rn "align": "center",rn "colspan": "1",rn "field": "上月底风电并网容量",rn "rowspan": "2",rn "title": "2013年9月风电并网容量"rn ,rn rn "align": "center",rn "colspan": "4",rn "rowspan": "1",rn "title": "核准在建项目当年投产容量"rn ,rn rn "align": "center",rn "field": "季度底风电并网容量",rn "rowspan": "2",rn "title": "2014年3季度风电并网容量",rn "width": "100"rn ,rn rn "align": "center",rn "field": "季度平均新增并网容量",rn "rowspan": "2",rn "title": "季度平均新增并网容量",rn "width": "100"rn rn ],rn [rn rn "align": "center",rn "field": "主导年底预计风电并网容量",rn "title": "项目追踪",rn "width": "100"rn ,rn rn "align": "center",rn "field": "法一年底预计风电并网容量",rn "title": "趋势外推",rn "width": "100"rn ,rn rn "align": "center",rn "field": "核准在建项目当年投产容量",rn "title": "合计",rn "width": "50"rn ,rn rn "align": "center",rn "field": "10月核准在建项目当年投产容量",rn "title": "10月",rn "width": "50"rn ,rn rn "align": "center",rn "field": "11月核准在建项目当年投产容量",rn "title": "11月",rn "width": "50"rn ,rn rn "align": "center",rn "field": "12月核准在建项目当年投产容量",rn "title": "12月",rn "width": "50"rn rn ]rn][/code]
DataGridView实现某列可编辑和ChecBox全选
只读
表格中checbox全选和反选功能实现
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String basePath = request.getScheme() + "://" + reque
Flex DateGrid表头全选
NULL 博文链接:https://fhuan123.iteye.com/blog/721237
easyui checkbox +全选
NULL 博文链接:https://ellen1990.iteye.com/blog/2140639
EditText 点击全选,再次点击取消全选
最近在开发浏览器碰到这么一个需求:点击地址栏的时候,需要全选并调出键盘,再次点击就取消全选显示光标。点击屏幕除地址栏其他位置时,键盘隐藏,隐藏光标。大部分浏览器都是这样的逻辑,这样可以提高用户体验,减少操作。
easyui下拉复选和全选
$("#subFundId").combobox({ panelHeight:'auto', multiple:true, multiline:true, editable:false, required:false, valueField: 'fundId', textField: 'fundName', data: fofFundInfo, formatter:function(row){...
wpf的datagrid的表头不能被点击
我在datagrid加了双击事件,双击表头,该事件也被触发,rn而且显示的内容是上一次双击的行的内容,rn有没有办法去掉表头的双击事件rn谢谢
easyui 表头竖着显示
当遇到表头字段比较多,而数据项比较少的时候,横向显示有时候不方便 需要竖着显示。 可以如下展示 function daydetailmethod(id){ var rows = []; $.ajax({ url:path+"/xxxx/xxxxx?id="+id, type:"post", dataType:"json", async:false, success:functi
easyui的动态表头
文件主要是关于easyui的动态表头,代码主要是js部分,
easyUI复杂表头实现
var datagrid = $('#mainInfo').datagrid({ toolbar:'#toolBar', striped:true, // 配置每一行的颜色为不同 fitColumns:false, //自动宽度 ...
easyui复杂表头
columns: [[ { field: ‘PARAM_NAME’, rowspan: 2, title: ‘参数名’, align: ‘center’, width: 150 }, { field: ‘MI_VALUE’, rowspan: 2, title: ‘量产规格’, align: ‘center’, width: ...
easyUI实现动态表头
前台主要代码 $(function(){ //初始化方法     defaultTime(); $('#pagination').datagrid($.extend(window.dg_cm_pp,{ title:'报表名称', iconCls:'icon-save', fitColumns: false, pagination:false, queryParams:{
easyUI 多表头设置
不多说,直接上代码 $('#tabgrid').datagrid({             nowrap : false,         fit : true,           url: ctx+'/zhtj/jdyjList.pt',               frozenColumns: [[                                      {
easyui 实现动态表头
主要的思路就是:创建datagrid的时候将colums和数据当成参数,columns属性里面的field,和title通过后台传过来的数据进行循环拼接。 function  init(){ var array = []; var arrayFields = []; var columns = []; $.ajax({ url : '${pageContext.reques
【easyui】datagrid的combobox动态添加数据源求解
诸位,我在用easyui的可编辑datagrid的时候,每一行的combobox的数据源需要动态获取并且需要combobox能级联操作,而非页面初始时即初始化,我现在已经实现动态获取数据和级联操作,但当我endEdit的时候,编辑的那一行显示是combobox的key,而非value。请问如何处理?rn[img=http://img.my.csdn.net/uploads/201211/06/1352171701_9745.jpg][/img]rn[img=http://img.my.csdn.net/uploads/201211/06/1352171742_1848.jpg][/img]rn但当我结束这一行编辑的时候,显示的不是combobox的text,而是显示的是combobox的valuern[img=http://img.my.csdn.net/uploads/201211/06/1352171832_7159.jpg][/img]rn请问,我该如何处理,才能让结束编辑后,显示的是combobox的text?rn求解!各位大仙!rn一下是局部代码:rn[code=html]rn rn rn rn 类别rn rn 品牌rn rn 产品rn rn 仓库rn rn 单价rn 数量rn 总价rn 预付rn rn rn rn[/code]rn[code=javascript]rnvar lastIndex;rn $('#detailTable').datagrid(rn toolbar:[rn text:'新增',rn iconCls:'icon-add',rn handler:function()rn $('#detailTable').datagrid('endEdit', lastIndex);rn $('#detailTable').datagrid('appendRow',rn categoryId:'',rn brandId:'',rn productionId:'',rn storeId:'',rn price:'',rn count:'',rn total:'',rn prePay:''rn );rn rn lastIndex = $('#detailTable').datagrid('getRows').length-1;rn $('#detailTable').datagrid('selectRow', lastIndex);rn $('#detailTable').datagrid('beginEdit', lastIndex);rn rn synchCategory(getEditRow(lastIndex,'categoryId'),lastIndex);rnrn synchStore(getEditRow(lastIndex,'storeId'));rn rn ,'-',rn text:'编辑',rn iconCls:'icon-remove',rn handler:function()rn var row = $('#detailTable').datagrid('getSelected');rn if (row)rn var index = $('#detailTable').datagrid('getRowIndex', row);rn $('#detailTable').datagrid('deleteRow', index);rn rn rn ,'-',rn text:'删除',rn iconCls:'icon-remove',rn handler:function()rn var row = $('#detailTable').datagrid('getSelected');rn if (row)rn var index = $('#detailTable').datagrid('getRowIndex', row);rn $('#detailTable').datagrid('deleteRow', index);rn rn rn ],rn onClickRow:function(rowIndex)rn if (lastIndex != rowIndex)rn $('#detailTable').datagrid('endEdit', lastIndex);rn $('#detailTable').datagrid('beginEdit', rowIndex);rn rn lastIndex = rowIndex;rn rn );rnrn// 异步加载类别,并在选中后,级联加载品牌(Brand)的comboboxrnfunction synchCategory(editRow,index)rn $(editRow.target).combobox('reload','category/findSuperCategoryByAjax.action?date='rn + new Date().getTime());rn $(editRow.target).combobox(onSelect:function()rn synchBrand(getEditRow(index,'brandId'),index,$(this).combobox('getValue'));rn );rn rnrn// 异步加载品牌,并在选中后,级联加载商品(Production)的combobox rnfunction synchBrand(editRow,index,categoryId)rn jQuery(editRow.target).combobox('reload','brand/findSuperBrandByAjax.action?categoryId=' + categoryId + '&date='rn + new Date().getTime());rnrn $(editRow.target).combobox(onSelect:function()rn synchProduction(getEditRow(index,'productionId'),index,$(this).combobox('getValue');rn );rnrnrn// 加载品牌(production)rnfunction synchProduction(editRow,index,brandId)rn jQuery(editRow.target).combobox('reload','production/findProductionByAjax.action?brandId=' + brandId + '&date=' + new Date().getTime());rnrnrn// 加载仓库 rnfunction synchStore(editRow)rn jQuery(editRow.target).combobox('reload','store/findSuperStoreByAjax.action?date='rn + new Date().getTime());rnrnrn// 获取需要编辑的控件rnfunction getEditRow(lastIndex,field)rn return category = jQuery('#detailTable').datagrid('getEditor', rn index : lastIndex, rn field : fieldrn);rnrn[/code]
easyui的datagrid只有行号没有数据,求解
求解,我的数据格式什么的都没错,为什么出不来啊?只有行号n这是html部分n```n n " style="width:100%;height:auto;">n n n```n这是JS部分nn```n /*datagrid*/n $("#staff_info").datagrid(n url:'CompanyStaffAction!listStaffInfo.action',n singleSelect:true,n collapsible:true,n singleSelect:true,n collapsible:true,n method:'get',n rownumbers:true,n loadMsg:'全力加载中...',n pageNumber:1,n pageSize:20,n pageList:[5,10,15,20],n pagePosition:'bottom',n columns:[[n field:'staffName',resizable:false, width:100, title:'员工姓名',n field:'staffSex',width:100,title:'性别',n field:'staffIdentityNum',width:100,title:'身份证号',n field:'staffPhoneNum',width:100,title:'电话',n field:'staffPosition',width:100,title:'职位',n field:'staffRemark',width:100,title:'备注信息'n ]],n onLoadSuccess:function(data)n console.log(data);n $("#datagrid").pagination('refresh',n n );n n );n```n后台的代码我就不写了,太多了,后台肯定能进去,不报错。n这是我firebug的截图,json格式也没有错n![图片说明](https://img-ask.csdn.net/upload/201505/08/1431065959_400496.png)nn这是显示的截图n![图片说明](https://img-ask.csdn.net/upload/201505/08/1431066023_18030.png)nn求解nnnn
easyUI的datagrid 中点击显示的超链接,弹出窗口
场景描述:rn展示在datagrid中有一列数据为超链接的样式(假如超链接为一个标题公告,后面一列是详细信息(但是详细信息之展示部分文字)。rn要求点击这个超链接的时候,弹出一个新的窗口。在该窗口上信息详细信息。rnrn问题一:rn后台取到的数据如何包装成超链接的样式显示出来(后台取到的只是文字的标题)rn问题二:rn点击超链的时候如何把详细信息的文字带到新弹出的页面上呢?(现在其实已经有详细信息的全部内容,只是截取部分展示出来的)
easyui datagrid表格点击行高亮
$('#dg').datagrid({ rownumbers : true, singleSelect : true,//多选 autoRowHeight : false, //自动行高 pagination : false, //显示表格下面的分页插件 fitColumns : true, //字段自动分配 striped : false,//显示斑马线背景 collapsibl...
easyui datagrid 点击下一页触发事件无效
$(function()rn alert( $('#dg_area').datagrid().datagrid('getPager').pagination); ///这个提示框弹出来了rn $('#dg_area').datagrid().datagrid('getPager').pagination(rn onBeforeRefresh:function() rn alert('before refresh'); //当点击触发事件时 没有弹出来rn ,rn onSelectPage:function(pageNumber, pageSize)rn $(this).pagination('loading');rn alert('pageNumber:'+pageNumber+',pageSize:'+pageSize); //这个也没有出现rn $(this).pagination('loaded');rn rn ); rn);rn这个一直没解决不知道怎么回事,望高手指点指点。。。。谢谢
相关热词 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法