`
小杨学JAVA
  • 浏览: 901565 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

easyui datagrid 单击行不选择行

 
阅读更多
    • 其实这个功能可以通过选择单击事件的作用域来实现
    • html里面,一切元素都可以通过document来得到,所以我们的思路就是取消除了checkbox那个td之外的所有td的单击事件,通过unbind来实现
    • 以下展示代码,以下代码是放在onLoadSuccess事件中
         1:  var s= $("#dg1").datagrid('getPanel');
         2:  var rows = s.find('tr.datagrid-row');
         3:  var rows1 = s.find('tr.datagrid-row td[field!=ck]');
         4:  rows1.unbind('click').bind('click',function(e){
         5:          return false;
         6:  });
    • 我使用的easyui版本是1.3.4
  • 分享一下小知识
    • datagrid获取刚选择的行的行号代码
      1
      2
      var s = $('#dg1').datagrid('getSelected');
      var index = $("#dg1").datagrid('getRowIndex',s);
    • 如果要获取多行
      1
      2
      3
      4
      5
      6
      var s = [];
      var index = [];
      s = $('#dg1').datagrid('getSelected');
      for(var i=0; i<s.length; i++) {
        index.push($("#dg1").datagrid("getRowIndex",s[i]));
    • 在调用onClickRow单击事件之前,总会先调用onSelect和onUnSelect事件
    • 其实可以通过console.log()来调试js程序,而不是用alert,因为console不会打断程序的进行,可以浏览器的控制台进行查看,以下是firefox的控制台
    • 以下是关于easayui中的this
      1
      2
      3
      4
      5
      6
      var s= $("#dg1").datagrid('getPanel');
      var rows = s.find('tr.datagrid-row');
      var checkrows = rows.find('input[type=checkbox]');
      $.each(checkrows,function(index,value){
        console.log(this.checked);
      }
      这个程序会输出所有的checkbox的值,即true or false,这里的this返回的是一个input object对象,所以可以直接调用this.property来获取属性值
    • 关于getSelected获取的值,其实getSelected获取的值的样式是{xx="xx",yy="yy"},所以要取某个属性的值,只需要datagrid("getSelected").xx就行了

转:http://www.cnblogs.com/popping57/p/3269234.html

分享到:
评论

相关推荐

    EasyUI DataGrid 增删改查源码

    此外,EasyUI DataGrid还支持各种定制化,如自定义列、行样式、工具栏和操作按钮。源码分析可以帮助我们理解如何通过配置选项和事件监听来实现这些定制。例如,我们可以通过监听`onClickRow`事件来实现单击行时的...

    jquery easyui datagrid demo 详解

    在实际应用中,Datagrid 还有很多高级功能,如行选择、单击/双击事件、自定义工具栏、分组、合并单元格等,可以根据需求进行配置和扩展。通过熟练掌握 Datagrid 的使用,可以大大提高开发效率,为用户提供更加友好的...

    easyUI datagrid 做的工程

    4. **交互性**:datagrid 支持单击、双击、右键菜单等多种用户交互方式,可以根据业务需求定制相应的事件响应,比如双击行打开详情页面,右键菜单提供更多的操作选项。 5. **动态加载**:对于大数据量的情况,...

    easyui使用案例

    此外,Datagrid 提供了丰富的事件回调,如 `onClickRow`、`onDblClickRow` 和 `onRowContextMenu`,这些可以用来响应用户对行的操作。同时,还有 `onSortColumn` 用于排序后的回调,以及 `onLoad` 和 `onBeforeLoad`...

    easyui-datagrid12-demo.zip

    9. **自定义功能**:除了基础功能外,还可以通过扩展和插件实现更多定制需求,如行选择、列拖动、列隐藏、搜索过滤等。 这个压缩包的示例可能会演示如何设置这些配置,以及如何处理行内编辑的各种情况,包括错误...

    EasyUI,点击开启编辑框,并且编辑框获得焦点的方法

     var editor = $(‘#datagrid’).datagrid(‘getEditor’, {index:rowIndex,field:”buyNum”});  editor.target.focus();  } 点击一行,开启编辑框的同时,将光标放在编辑框中。 rowIndex:是开启编辑框这行...

    easyui textbox失去焦点事件及获取文本框的内容

    EasyUI文本框失去焦点事件和获取文本框内容的实现 EasyUI文本框是一种常用的UI组件,它提供了许多实用的功能,如文本框失去焦点事件和获取...在实际应用中,我们可以根据需要选择合适的事件和方法来实现我们的需求。

    在单击了DataGrid某一行时弹一个自定义的网页并把这一行的信息显示在那个网页中

    本示例探讨的主题是如何在用户点击DataGrid中的某一行时,打开一个自定义的网页,并将选中行的数据展示在这个网页上。DataGrid是Web开发中常用的数据展示控件,常用于展示结构化的数据集。这里我们将讨论实现这一...

    easyui增删改查案例

    - **编辑模式**:单击行可以将 DataGrid 行切换到编辑模式,允许用户修改单元格数据。 - **保存更改**:完成编辑后,通过调用 DataGrid 的 API 提交更改到服务器。 - **删除记录**:删除操作通常是通过选中行然后...

    easyUI行内可编辑

    3. **编辑器类型**:根据数据的类型,我们可以选择不同的编辑器,如文本框(textbox)、下拉框(combobox)、日期选择器(datebox)等。通过 `editor` 参数,我们可以为每列指定编辑器。 ```html {field: 'name',...

    easyui 表格增删改查工具类

    此外,为了简化开发,工具类还可能包含事件监听和处理,比如单击“新增”按钮时弹出对话框,或双击行进入编辑模式等。 至于博文链接中的 `https://it-dodo.iteye.com/blog/2322199`,这是一个 IT 技术分享网站上的...

    第32章 DataGrid(数据表格)组件[6]1

    2. onClickRow 事件:在用户单击一行的时候触发,参数包括 rowIndex 和 rowData。 3. onContextMenu 事件:在用户右键点击一行的时候触发,参数包括 rowIndex 和 rowData。 四、DataGrid 应用场景 DataGrid 组件...

    第32章 DataGrid(数据表格)组件[9]1

    在本文中,我们将深入探讨EasyUI中的DataGrid组件,这是一个非常重要的数据展示工具,它集成了多种功能,如Panel(面板)、Resizable(可调整大小)、LinkButton(按钮)和Pagination(分页)组件。DataGrid提供了...

    Jquery根据鼠标点击的位置生成数字键盘

    网上提供的数字键盘弹出的位置总是固定的,而且用着不灵活,我做的这个会在你鼠标单击的位置靠右侧弹出,并且允许你改变键盘里的值,我准备的例子有小时的(24以内)和分钟的(60以内)。经过IE和猎豹(有用过的吗?...

    可拖拽的datagrid

    此外,描述中还提到它支持"点击列头可以排序",这意味着用户只需单击表头,数据就能根据所选列的值自动升序或降序排列。这样的功能极大地提升了数据管理和查看的便利性,使得用户可以根据需求自定义视图和快速对数据...

    SSM+EasayUI-DataGrid表格展现数据库数据。

    8. **前端交互**:DataGrid不仅可以展示数据,还支持用户交互,如点击行选中数据、单击单元格编辑数据、分页、排序等。这些交互可以通过配置DataGrid的参数实现,也可以通过监听事件来进行自定义处理。 9. **性能...

    jQuery EasyUI 1.2.4 API 中文文档(完整)

    ### jQuery EasyUI 1.2.4 API 中文文档概览 #### 一、Base基础 **1.1 Documentation文档** - **特性** - 提供了基础的配置选项和功能,为其他组件提供必要的支持。 - **事件** - 无特定事件,主要为其他组件...

    easyUI使用分页过滤器对数据进行分页操作实例分析

    `checkOnSelect`允许用户通过单击行来选择或取消选择行,而`rownumbers`则在每行前显示行号。此外,我们还设置了多列、自定义行高、单选或多选以及多列排序等功能。 `pagerFilter`函数接收从后台获取的全部数据,并...

    jquery easy ui 上下排序功能

    用户双击或单击行时,记录当前的行位置,然后调用`reorderColumn`将行移动到新的位置。 五、实际应用示例 以下是一个简单的实现上下排序的例子: ```html &lt;!DOCTYPE html&gt; ...

Global site tag (gtag.js) - Google Analytics