EasyUI-DataGrid select和checked对比

最新推荐文章于 2023-09-15 17:39:57 发布
最新推荐文章于 2023-09-15 17:39:57 发布
阅读量625 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://my.oschina.net/czyjava/blog/649337
版权

165046_LDd1_2278808.png

互相敌对的两个属性，首先阐述一下datagrid选择的两个概念：

1.select：点击某一行时，该行处于seleted状态，表现方式为背景色改变；

2.check：某一列的checkbox属性为true时，该列为复选框列，点击选中时该行为：checked状态。

checkOnSelect和selectOnCheck默认都为true，即在点击行的时候也勾选复选框，勾选复选框的同时也选中行。

165047_mD6r_2278808.png

165048_0MbP_2278808.png

与之相对应的获取/操作方法，记住：操作一定要和check、select对应

转载于:https://my.oschina.net/czyjava/blog/649337

chutang1933
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
easyui-datagrid特殊字符不能显示的处理方法
11-28
在easyui中datagrid、combobox、tree等组件都不能显示含有html标签的特殊字符，因为这些字符会被当作html标签被解析掉。这里给出了一个处理方案，希望对大家有帮助。 以datagrid为例： 找到jquery.datagrid.js文件，在其中添加如下方法： function escapeHtml(s) { if (s === undefined) { return s; } else { s = String(s === null ? "" : s); return s.replace(/&/g, "&").replace(/</g, "<").repla
easyui-datagrid开发实践(总结)
08-29
本篇文章主要介绍了easyui-datagrid开发实践(总结)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
easyUI-datagrid数据表格导出功能后台代码
05-28
项目工具代码,中间包含了service和controller两层,model可以自己定义
Easyui-DataGrid表头拖动效果
09-14
UI设计在一个系统中的重要性是不容忽视的，我们开发人员要做到：让用户去控制计算机，而不是计算机控制用户；减少用户的记忆负担；保持界面一致。 给你的Easyui-DataGrid 表头添加一点料吧 Easyui-Datagrid—表头灵活显示http://blog.csdn.net/u010293698/article/details/47956865
datagrid 列表select模糊查询
NikiHou的博客
07-06 281
1.列表的查询条件首先必须是下拉框形式； 2.$(function(){ $("select[name='pubOrg']").combobox(); }); 其中name属性为所要查的filed属性
checked 和selected 的区别
weixin_60332880的博客
12-13 2393
1 首先这俩个是在 html 里学习基础知识。 selected 是select 下拉框中使用的 是选择很多项，但是只选择当前的某一项比如： 我使用select 可以选择很多省中其中某一个。 input 使用checked 代表的意思是 我可以选择很多项。 ...
前端 select checked（单选多选 下拉）美化及获取值
huang_ftpjh的博客
02-28 2362
https://www.layui.com/doc/element/form.html 这里也有 —— 2019年7月 链接：https://pan.baidu.com/s/18vLo4Mg-TpPJvj_E3WI_kw 提取码：iml5 引进的js文件必须在jq 插件的后面 <script type="text/javascript" src...
easyui datagrid组件 单击行 让他不选中 只有单击checkbox的时候才选中
热门推荐
赶路人儿
04-22 1万+
如上图，当单击行的时候，datagrid会默认选中该行。 在easyui的api中，有两个参数： 1、checkOnSelect 如果为true，当用户点击行的时候该复选框就会被选中或取消选中。 如果为false，当用户仅在点击该复选框的时候才会呗选中或取消。  2、selectOnCheck 如果为true，单击复选框将永远选择行。 如果为false，选择行将不选中复选框。 根据
javascript改写 <select>checked的选中，并不会出发change事件,太好了！
weixin_34291004的博客
04-01 517
<html> <title>测试select标签的分别用程序checked、用户手动checked</title> <body> 第一级菜单: <select id="lp_type" name="lp_type"> <option valu...
easyui-datagrid之间拖拽效果demo
03-18
easyui-datagrid之间拖拽效果demo
EasyUI：datagrid分页显示+嵌入select下拉选项框
KaiSarH
11-02 1138
easyUI中datagrid分页显示+嵌入select下拉选项框
Easyui里的datagrid嵌入select下拉框
weixin_41420919的博客
09-15 1370
想使用datagird里嵌入select下拉框，并在提交form表单时获取datagrid选中的每行数据里的每个下拉框选中的值。
Easyui 表格中复选框设置单选
qq_30907845的博客
05-21 1893
Easyui 表格中复选框设置单选 单设置singleSelect:true 是不行的，一定还要在data-options中设置 data-options=“singleSelect:true,checkOnSelect:true,selectOnCheck:true” 如果不想点击表格行的时候选中复选框，就设置checkOnSelect:false 顺便附上官方说明： checkOnSelect boolean 如果设置为 true，当用户点击某一行时，则会选中/取消选中复选框。如果设置为 false
EasyUI中datagrid获取选择行的相关总结
lkforce
08-16 6170
首先是一点基础 datagrid对行的选择有两种方式：复选框和选择行 1，复选框是这样的： EasyUI会提供表头的全选打钩功能，不用自己额外写代码 另外easyUI提供了一个配置，可以保留翻页之前打的钩，比如在第一页上勾选几行，然后翻页，当你再翻回第一页的时候，之前打的几个钩还在（按需使用，因为页面不会告诉你在其他页面是不是打过钩） 2，选择行是这样的： 图2 某一
easyui 复选框 onClickRow事件与onSelect事件与onCheck事件
weixin_33722405的博客
11-08 2273
   在项目中一直存在一个问题，一直都没发现问题的根源在哪里。在我们测试这边也是偶尔会出现。但是每次我去测试的时候也没问题。今天终于找到原因了！       在easyui中点击行和点击复选框触发的事件是不一样的！        点击行触发的事件     项目中部分代码：： onClickRow:function(index, row){ ...
select checkbox 获取选中的值,以及默认选中
u012956987的博客
09-19 1266
1、select 获取选中的值 下拉框数据1 下拉框数据2 var selectData = $("#select").val();//获取选中的值 var selectText = $("#select").text();//获取选中文本 2、checkbox 获取选中的值  复选框1 复选框2 var checkData = $("i
DataGrid（数据表格）之查询
qq_54936371的博客
09-14 1411
知识总结 目录 一、含义及作用 DataGrid以表格形式展示数据，并提供了丰富的选择、排序、分组和编辑数据的功能支持。DataGrid的设计用于缩短开发时间，并且使开发人员不需要具备特定的知识。它是轻量级的且功能丰富。单元格合并、多列标题、冻结列和页脚只是其中的一小部分功能。 二、目标 点击左侧tree菜单，右侧Tab页显示datagrid查询出来的数据 三、思考及解决 思考： 创建一个存放数据的展示界面（使用datagrid控件） 点击左侧菜单显示对应界面 解决： 参考上节tre
SelectOnCheck
weixin_30519071的博客
10-09 704
1、checkOnSelect 如果为true，当用户点击行的时候该复选框就会被选中或取消选中。如果为false，当用户仅在点击该复选框的时候才会呗选中或取消。2、selectOnCheck 如果为true，单击复选框将永远选择行。如果为false，选择行将不选中复选框。 转载于:https://www.cnblogs.com/jasonlai2016/p/9760020.html...
easyui-datagrid 放大镜模糊查询
最新发布
11-07
easyui-datagrid是一款基于jQuery的表格插件，它提供了丰富的功能和灵活的配置选项。放大镜模糊查询是easyui-datagrid的一种查询方式，它可以在datagrid的工具栏中添加一个放大镜图标，用户可以在输入框中输入关键字，点击放大镜图标进行模糊查询。查询结果会在datagrid中显示出来，方便用户快速定位到所需数据。 实现放大镜模糊查询的步骤如下： ```javascript //1.在datagrid的toolbar中添加查询输入框和放大镜按钮 $('#dg').datagrid({ toolbar: [{ text: '查询条件：' }, { iconCls: 'icon-search', handler: function() { //2.获取查询关键字 var keyword = $('#searchbox').textbox('getValue'); //3.设置查询参数 $('#dg').datagrid('load', { keyword: keyword }); } }, '-', { xtype: 'textfield', id: 'searchbox', width: 200, emptyText: '请输入查询关键字' }] }); //4.在datagrid的后台处理程序中获取查询参数，并进行模糊查询 public function search($keyword) { $where = "name like '%$keyword%' or address like '%$keyword%'"; $data = $this->db->where($where)->get('user')->result_array(); echo json_encode($data); } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值