`

easyui selectRecord 选中行

 
阅读更多

 

1) 表格datagrid 

只要加入idField = "id" 刷新后依然是选中状态

 <table id="dg001" class="easyui-datagrid" toolbar="#dg001Toolbar"
             width="100%"
             url="${ctx}/admin/rechargeReview/listData" idField="id" pagination="true"
             data-options="checkOnSelect:true"
            rownumbers="true" fitColumns="true" singleSelect="true">
	        <thead>
	            <tr>
	                <th field="id" data-options="checkbox:true"></th>
					<th field="mobileNo" width="150">手机号 </th>
					<th field="tname" width="150">用户姓名</th>
					<th field="account" width="150">支付宝账号</th>
					<th field="tradeNo" width="150">交易号</th>
					<th field="money" width="150">充值表单金额</th>
					<th field="addtime" width="150">提交时间</th>
					<th field="actualMoney" width="150">实际到账金额 </th>
					<th field="status" width="150">充值状态 </th>
					<th field="oktime" width="150">充值时间</th>
	            </tr>
	        </thead>
        </table>

 

 

js 内容

 

setInterval("reloadData()",1000 * 5);
  function reloadData(){
	  var rows001 = $("#dg001").datagrid('getSelections');
	  if (rows001 && rows001.length > 0) {
	      $("#dg001").datagrid("selectRecord",rows001[0].id);
	  }
	  $("#dg001").datagrid('reload');
	  
	  var rows002 = $("#dg002").datagrid('getSelections');
	  if (rows002 && rows002.length > 0) {
		  $("#dg002").datagrid("selectRecord",rows002[0].id);
	  }
	  $("#dg002").datagrid('reload');
  };

 

 

 

 

分享到:
评论

相关推荐

    easyUI datagrid 行上移,下移,置顶,置底的方法

    easyUI datagrid 行上移,下移,置顶,置底的方法

    easyui的datagrid生成合并行,合计计算价格

    在描述中提到的"easyui的datagrid生成合并行,合计计算价格",指的是如何使用EasyUI的DataGrid组件来实现表格数据的行合并以及总价的计算功能。以下是对这个知识点的详细解释: 1. EasyUI DataGrid组件: EasyUI的...

    JS获取选中的radio button的值

    本篇文章将详细讲解如何使用JavaScript来获取选中的Radio button的值以及相关的知识点。 首先,Radio按钮在HTML中的基本结构如下: ```html &lt;label for="option1"&gt;Option 1 &lt;label for="option2"&gt;Option 2 ``` ...

    easyui树 改变联动关系,选择父,同时选择子;子全部取消,父不取消

    在EasyUI的树控件中,"联动关系"通常指的是当用户选中或取消选中某个节点时,其子节点或父节点会根据预设的行为自动进行相应的选中或取消选中。这种行为可以通过配置树的属性来实现。例如,你可能希望在选择一个父...

    jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码

    总结来说,实现jQuery EasyUI datagrid在翻页后仍能记录被选中行的关键在于: 1. 维护一个外部数据结构(如`idsArray`)来存储选中行的ID。 2. 使用datagrid的`onBeforeLoad`事件保存当前页的选中状态。 3. 在`...

    easyui datagrid 合并行扩展

    easyui并没有合并行的具体方法,在开发过程中有时候会遇到一行带多行的需求,本代码为满足该需求写的easyUI扩展,代码带注释

    easyui的下拉框多选

    在本文中,我们将深入探讨EasyUI的下拉框多选功能,这是一个常用的功能,尤其在构建Web应用程序时,用户可能需要从多个选项中选择不止一个。EasyUI是基于jQuery的一个轻量级且易于使用的前端框架,它提供了丰富的...

    easyui datagrid在编辑状态下更新列的值

    在使用EasyUI框架开发Web应用时,Datagrid组件是一个非常重要的元素,它提供了一种方便的方式来展示和操作数据。在标题“easyui datagrid在编辑状态下更新列的值”中,我们关注的是如何在Datagrid的编辑模式下动态地...

    EasyUI 行拖动效果

    标题中的"EasyUI 行拖动效果"指的是在EasyUI的DataGrid中添加了行拖放的功能。这个功能通常由特定的插件或扩展实现,如`datagrid-dnd.js`。这个JavaScript文件就是用来实现DataGrid行拖动的核心代码,它扩展了...

    扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件完整版Demo下载

    jQuery EasyUI Datagrid 用户列表鼠标悬停/离开数据行时显示人员头像(onMouseOver/onMouseOut) Demo 扩展 jQuery EasyUI Datagrid 数据行鼠标悬停离开事件,源码奉献!!!

    基于easyui 1.4.5的单选和多选框组件

    &lt;select class="easyui-combobox" name="combobox" data-options="options"&gt; &lt;option value="1"&gt;Option 1 &lt;option value="2"&gt;Option 2 &lt;/select&gt; ``` 同样,`data-options`中的`options`用于配置组件,可以设置`...

    基于easyui的通用导出

    在描述中提到的"通过节点自动识别导出"可能是指在数据网格中,每个行可以看作一个节点,系统能够自动遍历这些节点,收集它们的数据并生成导出文件。这种自动化处理大大减少了开发人员的工作量,提高了代码的可维护性...

    jQuery easyui datagird编辑行删除行功能的实现代码

    本文将详细介绍如何使用jQuery EasyUI实现DataGrid的编辑行和删除行功能。 首先,我们需要理解jQuery EasyUI DataGrid的基本配置。在提供的代码片段中,`$("#dg")`是一个DataGrid实例,它的配置包括以下几个关键...

    easyUI行编辑comobox多选显示

    easyUI行编辑comobox 下拉多选显示

    EasyUI指定列-合并相同数据行

    ### EasyUI指定列-合并相同数据行 #### 易理解释与应用场景 在日常的数据处理过程中,经常会遇到需要对表格中的重复数据进行整理的情况。EasyUI作为一种轻量级的用户界面库,提供了丰富的功能来帮助开发者高效地...

    easyui combbox 显示默认值

    在IT行业中,EasyUI是一个基于JavaScript和jQuery的前端框架,它提供了一系列的UI组件,用于构建功能丰富的Web应用。在EasyUI中,Combobox(下拉框)是一种常见的输入控件,结合了输入框和下拉列表的功能,适用于...

    EasyUI 创建展开行明细编辑表单的 CRUD 应用

    在这个“EasyUI 创建展开行明细编辑表单的 CRUD 应用”中,我们将深入探讨如何利用 EasyUI 实现数据的创建(Create)、读取(Read)、更新(Update)和删除(Delete)操作,并且在表格中展开行来显示和编辑明细信息...

    easyUI拓展:获取当前datagrid正在编辑状态的行编号

    easyUI拓展:获取当前datagrid中在编辑状态的行编号列表,直接使用即可

    easyui datagrid 键盘上下控制选中行示例

    在本文中,我们将深入探讨如何使用EasyUI Datagrid实现键盘上下控制选中行的功能。EasyUI是一个基于jQuery的UI库,提供了丰富的组件,包括Datagrid,它是一个强大的数据表格组件,支持各种操作如分页、排序、过滤等...

    Jquery_easyui_switchbutton【案例】

    可以使用`switchbutton('check')`来检查开关是否被选中,`switchbutton('uncheck')`来取消选中,以及`switchbutton('toggle')`来切换状态。同时,我们还可以通过`switchbutton('option', 'checked')`来获取开关的...

Global site tag (gtag.js) - Google Analytics