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. [Ext JS 4] MVC 应用程序框架

    前言 大型客户端应用程序总是很难编写,很难组织和很难维护.随着功能的增加和更多的开发人员加入项目,对项目的控制也越来越困难了.Ext JS 4 提供了一个新的应用程序框架帮助组织代码. 模型 - 一组 ...

  2. csu 1767(循环节)

    1767: 想打架吗?算我一个!所有人,都过来!(2) Time Limit: 1 Sec  Memory Limit: 128 MBSubmit: 99  Solved: 18[Submit][St ...

  3. EasyUi–8.datebox赋值的问题

    这个问题要从EasyUI的datebox组件说起,小菜用这个组件的时候,发现用$("#id").val()这种形式,居然拿不到文本框的值! 经过度娘的帮助,发现可以用$(" ...

  4. 使用STL sort对字符串按字典序排序

    使用string数组 #include<iostream> #include<string> #include<algorithm> using namespace ...

  5. LoadRunner可以把关联取值当作检查点来使用

    在性能测试过程中,很多人都会想通过使用检查点来检查系统响应是否正常,LR的51Testing软件测试网E$S ]:x(d a6h.G \(y 检查点对“死”的,静态的 可以做到检查作业,但是对于动态时 ...

  6. python的select和epoll

    python的select和epoll 1.select模型: linux中每个套接字都是文件,都有唯一的文件描述符,这些设备的文件描述符被放在一个数组中,然后select调用的时候遍历这个数组,如果 ...

  7. 《java虚拟机》----类加载机制

    No1: 实现语言无关性的基础仍然是虚拟机和字节码存储格式,虚拟机只与Class文件这种特定的二进制文件格式所关联,并不关心Class的来源是何种语言. No2: Class文件是一组以8位字节为基础 ...

  8. SCU 4442 Party

    二分图的最小点权覆盖. 非常感谢巨巨@islands_的解答,还帮我画了一个图. 题目保证给出的边构成的图是一个二分图. 如果没有第三种类型的$frog$,那么问题就很简单了.即选择哪些点,覆盖住所有 ...

  9. java 错误：无法找到或装入主类

    1. 删除找不到的jar 2. 删除src以外的文件夹

  10. maven-surefire-plugin插件

    https://sq.163yun.com/blog/article/173632756223238144 目前很多项目组的测试代码工程都是采用MAVEN+TESTNG的方式构造的. 因此测试代码pr ...