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. DB2:FETCH FIRST 1 ROWS ONLY

    DB2:FETCH FIRST ROWS ONLY,在Oracle中使用where rownum=1代替 DB2: SELECT INSTORAGENO FROM ( SELECT max(AUDIT ...

  2. Vibrator震动

    今天又学一招: Android手机中的震动由Vibrator实现.设置震动事件,需要知道其震动的时间长短.震动的周期等. 在 Android Vibrator中,震动的时间以毫秒计算(1/1000秒) ...

  3. java 用maven 构建项目时@Override错误的解决办法

    把工程编译时使用JDK1.6以上版本可以解决. eclipse中 Preferences-->Java-->Compiler-->Configure Project Specific ...

  4. 修改input中的placeholder属性的颜色

    input::-webkit-input-placeholder{ color:#e8e8e8; } input::-moz-placeholder{ /* Mozilla Firefox 19+ * ...

  5. HTML5 Video/Audio播放本地文件

    这段时间经常看到开发者在反复询问同一个问题,为什么通过设置src属性,不能播放本地的媒体文件?例如video.src=”D:\test.mp4”. 这是因为浏览器中的JavaScript不能直接直接访 ...

  6. BZOJ1878 [SDOI2009] HH的项链 [莫队，卡常]

    BZOJ传送门,洛谷传送门 HH的项链 Description HH有一串由各种漂亮的贝壳组成的项链.HH相信不同的贝壳会带来好运,所以每次散步 完后,他都会随意取出一 段贝壳,思考它们所表达的含义. ...

  7. 打开tcp_tw_recycle引起的一个问题

    今天普空说了一个问题就是如果设置了tcp_tw_recycle ,那么如果客户端是NAT出来的,那么就可能会出现连接被直接rst的情况.然后我google了下,在内核列表也有人说了这个问题 https ...

  8. 给出一列数a1,a2,a3....an,求它们的逆序对数,即有多少个有序对(i,j) 使得iaj,n高达10的6次方

    //归并排序 //#include<stdio.h> //#include<string.h> //#include<algorithm> //#include&l ...

  9. Java文件签名与验证

    数字签名与验证只需要用户输入三个参数: Ø         原文件 Ø         签名信息文件 Ø         用户名 签名过程: 1.         首先从用户名对应的用户注册文件中读取 ...

  10. js使用s:property标签接收json格式数据

    js使用s:property接收json数据时,会出现字符被转译的错误. 错误如下: 引号会被转译成'"'字符,导致解析不了. 错误原因: html的s:property接收不会出错,而js ...