lengku1987
 
2013-01-06 22:27:47
 

Sponsored Links
 
easyui datagrid checkbox multiple columns have been done do? it is not possible to do ah.

Sponsored Links
 
xuan0751
2013-01-06 23:07:28
 
multiple columns with checkbox?
jerryflex
2013-01-06 23:28:34
 
ah how 2 have checkbox box how to do?
fine209
2013-01-06 23:56:18
 
{field: 'id', title:'', width: 10, checkbox: true },
{field: 'name1', title: 'name1', width: 10, checkbox: true},
{field: 'name2', title: 'name2' , width: 10, checkbox: true} ...
yangyile1989
2013-01-07 00:25:05
 
this way you can click it? seems not right click on a choice on the other are.
zfh05219
2013-01-07 00:40:55
 
it is you want to achieve cell selected? Then you try to use the field's property editor, type = checkbox
zhangruihu9
2013-01-07 00:58:15
 
I have encountered this problem, it was solved?
wizardzc
2013-01-07 01:17:45
 
+1
ruler2009
2013-01-07 01:42:37
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "

<html>

<head>

	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<title>Complex DataGrid - jQuery EasyUI Demo</title>

	<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">

	<link rel="stylesheet" type="text/css" href="../themes/icon.css">

	<link rel="stylesheet" type="text/css" href="demo.css">

	<script type="text/javascript" src="../jquery-1.6.min.js"></script>

	<script type="text/javascript" src="../jquery.easyui.min.js"></script>

	<script>

		$(function(){

			$('#test').datagrid({

				title:'My DataGrid',

				iconCls:'icon-save',

				width:700,

				height:350,

				nowrap: false,

				striped: true,

				collapsible:true,

				url:'datagrid_data.json',

				sortName: 'code',

				sortOrder: 'desc',

				remoteSort: false,

				idField:'code',

				frozenColumns:[[

	                {field:'ck',checkbox:true},

	                {title:'code',field:'code',width:80,sortable:true}

				]],

				columns:[[

			        {title:'Base Information',colspan:3},

					{field:'opt',title:'Operation',width:100,align:'center', rowspan:2,

						formatter:function(value,rec){

							return '<span style="color:red">Edit Delete</span>';

						}

					}

				],[

					{field:'name',title:'Name',width:120},

					{field:'addr',title:'Address',width:220,rowspan:2,sortable:true,

						sorter:function(a,b){

							return (a>b?1:-1);

						}

					},

					{field:'col4',title:'Col41',width:150,rowspan:2}

				]],

				pagination:true,

				rownumbers:true,

				toolbar:[{

					id:'btnadd',

					text:'Add',

					iconCls:'icon-add',

					handler:function(){

						$('#btnsave').linkbutton('enable');

						alert('add')

					}

				},{

					id:'btncut',

					text:'Cut',

					iconCls:'icon-cut',

					handler:function(){

						$('#btnsave').linkbutton('enable');

						alert('cut')

					}

				},'-',{

					id:'btnsave',

					text:'Save',

					disabled:true,

					iconCls:'icon-save',

					handler:function(){

						$('#btnsave').linkbutton('disable');

						alert('save')

					}

				}]

			});

			var p = $('#test').datagrid('getPager');

			$(p).pagination({

				onBeforeRefresh:function(){

					alert('before refresh');

				}

			});

		});

		function resize(){

			$('#test').datagrid('resize', {

				width:700,

				height:400

			});

		}

		function getSelected(){

			var selected = $('#test').datagrid('getSelected');

			if (selected){

				alert(selected.code+":"+selected.name+":"+selected.addr+":"+selected.col4);

			}

		}

		function getSelections(){

			var ids = [];

			var rows = $('#test').datagrid('getSelections');

			for(var i=0;i<rows.length;i++){

				ids.push(rows[i].code);

			}

			alert(ids.join(':'));

		}

		function clearSelections(){

			$('#test').datagrid('clearSelections');

		}

		function selectRow(){

			$('#test').datagrid('selectRow',2);

		}

		function selectRecord(){

			$('#test').datagrid('selectRecord','002');

		}

		function unselectRow(){

			$('#test').datagrid('unselectRow',2);

		}

		function mergeCells(){

			$('#test').datagrid('mergeCells',{

				index:2,

				field:'addr',

				rowspan:2,

				colspan:2

			});

		}

	</script>

</head>

<body>

	<h2>Complex DataGrid</h2>

	<div class="demo-info">

		<div class="demo-tip icon-tip"></div>

		<div>Click the button to do actions with datagrid.</div>

	</div>

	<div style="margin:10px 0;">

		<a href="#" onclick="getSelected()">GetSelected</a>

		<a href="#" onclick="getSelections()">GetSelections</a>

		<a href="#" onclick="selectRow()">SelectRow</a>

		<a href="#" onclick="selectRecord()">SelectRecord</a>

		<a href="#" onclick="unselectRow()">UnselectRow</a>

		<a href="#" onclick="clearSelections()">ClearSelections</a>

		<a href="#" onclick="resize()">Resize</a>

		<a href="#" onclick="mergeCells()">MergeCells</a>

	</div>

	<table id="test"></table>

</body>

</html>

can be achieved,
koalas2009
2013-01-07 02:08:38
 
Set the selected row when, checkbox is not checked, the checkbox is selected, it is not selected row, set the following:
checkOnSelect: false,
; selectOnCheck: false,

there is a method that uses formatter generates checkbox, then select the checkbox, when selected will not be associated with the entire line.
wzx870606
2013-01-07 02:25:00
 
function deleteCheckBoxEvent (eventName) {
$ ("# messageBox1"). unbind (eventName);
$ ("# emailBox1"). unbind (eventName);
$ ("# payBox1"). unbind (eventName);
$ ("# all"). unbind (eventName);
}
explained: lift off checkbox The click event. If the read data from the background once again refresh the table and continue to lift.

easyui datagrid checkbox multiple columns have been done do的更多相关文章

  1. jQuery EasyUI DataGrid Checkbox 数据设定与取值

    纯粹做个记录,以免日后忘记该怎么设定. 这一篇将会说明两种使用 jQuery EasyUI DataGrid 的 Checkbox 设定方式,以及在既有数据下将 checked 为 true 的该笔数 ...

  2. EasyUI datagrid checkbox数据设定与取值（转自http://blog.csdn.net/baronyang/article/dnetails/9323463，感谢分享，谢谢）

    这一篇将会说明两种使用 jQuery EasyUI DataGrid 的 Checkbox 设定方式,以及在既有数据下将 checked 为 true 的该笔数据列的 Checkbox 设定为 Che ...

  3. easyui datagrid 动态添加columns属性

    公司在项目设计的时候,有一个需求,就是查出来的表的字段不唯一,一张表的字段可能是三个,也可能是五个,但是却要把它显示到页面,这个给我做ui的带来一点麻烦.因为以前一般用easyui 的datagrid ...

  4. easyui datagrid checkbox的相关属性整理

    DataGrid其中与选择,勾选相关 DataGrid属性: singleSelect boolean 如果为true,则只允许选择一行. false ctrlSelect boolean 在启用多行 ...

  5. easyui datagrid checkbox复选框取消单击选中事件、初始全选全不选等问题解决

    系统业务需要,导入的列表数据默认全部选中,且不可取消选中行.全部店铺优惠券发放过后导入的数据全部清空.如图所示: 一.初始化页面默认全部选中“selectAll”,全部不选中“unselectAll” ...

  6. EasyUI DataGrid Checkbox 多选 获取选中行中的内容

    <table id='grid' class='easyui-datagrid' style='width:950px;height:405px' url='Ajax-index.php?mod ...

  7. easyui datagrid checkbox选中事件

    $('#grid_Order').datagrid({       onCheck: function(index, data) { //alert(data[0]);               / ...

  8. EASYUI DATAGRID 多列复选框CheckBox

    主要实现: 用的 easyui 1.3.2 实现多个复选框列,各列互不影响.能够实现全选.主要部门用红色标记了的. easyui datagrid 初始化: <script> functi ...

  9. easyui datagrid editor checkbox 单击事件

    Easyui datagrid treegrid中能够为行追加checkbox元素.比如: $('#tt').treegrid({ url:'get_data.php', idField:'id', ...

随机推荐

  1. python基础（7）--深浅拷贝、函数

    1.深浅拷贝 在Python中将一个变量的值传递给另外一个变量通常有三种:赋值.浅拷贝.深拷贝 Python数据类型可氛围基本数据类型包括整型.字符串.布尔及None等,还有一种由基本数据类型作为最基 ...

  2. javscript练习（三）

    编写一个函数,计算两个数字的和差积商 function calculator(num1,num2,sign){          switch(sign){                   cas ...

  3. 前端代码编辑器ace 语法提示 代码提示

    本文主要是介绍ace编辑器的语法提示,自动完成.其实没什么可特别介绍的,有始有终吧,把项目中使用到的ace的功能都介绍下. { enableBasicAutocompletion: false, // ...

  4. Linux性能工具

    Brendan Gregg 目前是 Netflix 的高级性能架构师 ,他在那里做大规模计算机性能设计.分析和调优.他是<Systems Performance>等技术书的作者,因在系统管 ...

  5. bzoj 1864

    思路:随便dp一下 #include<bits/stdc++.h> #define LL long long #define fi first #define se second #def ...

  6. snort安装--daq，dnet---ERROR! dnet header not found, go get it from...等错误解决方案

    snort源码安装过程中,需要安装daq,dnet.这里想说下如何进行安装.daq简单,源码下载直接安装就可以.dnet在安装过程中,出错后总想着在网上搜一搜,结果很失望..本篇记录的不仅仅是解决安装 ...

  7. Redis学习篇（十一）之发布订阅

    PUBLISH/SUBSCRIBE 发布订阅的原理 包含两个角色,一个是发布者, 一个是订阅者 订阅者可以订阅一个或者多个频道(channel) 发布者可以向指定的频道发布信息 通过SUBSCRIBE ...

  8. hdu 2709 递推

    题意:给出一个数,把他拆成2^n和的形式,问有多少种拆法 链接:点我 对6进行分析 1 1 1 1 1 1 1 1 1 1 2 1 1 2 2 1 1 4 2 2 4 2 4 对最上面4个,显然是由4 ...

  9. Educational Codeforces Round 10 B. z-sort 构造

    B. z-sort 题目连接: http://www.codeforces.com/contest/652/problem/B Description A student of z-school fo ...

  10. uoj 67 新年的毒瘤 tarjan求割点

    #67. 新年的毒瘤 Time Limit: 20 Sec  Memory Limit: 256 MB 题目连接 http://uoj.ac/problem/67 Description 辞旧迎新之际 ...