DataGrid嵌套在handler方法中获取当前的DataGrid

最新推荐文章于 2022-11-25 13:25:25 发布

原创最新推荐文章于 2022-11-25 13:25:25 发布 · 441 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#datagrid #easyui

easyui 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个在 Datagrid 的 toolbar 中处理按钮点击事件的方法，通过 JavaScript 实现了定位到特定 datagrid 节点的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

handler:function(){
    var tableNode = this.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.lastChild.lastChild.childNodes[2];
}

这里的this代表的是datagrid的toolbar中所点击的那个按钮，tableNode就是我们需要的那个datagrid了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

NMSL_WSND

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JQuery Easy Ui dataGrid 数据表格

一万年太久 - 只争朝夕

03-24

5864

数据表格 - DataGrid 内容概况使用方法数据表格属性数据列属性编辑数据视图事件方法继承$.fn.panel.defaults，使用$.fn.datagrid.defaults重载默认值。. 数据表格显示的数据以表格的形式，并提供了丰富的选择，排序，分组和编辑数据的支持。这个数据表格被设计以缩短开发时间，并要求开发商没有具体的知识。它是轻量级的，功能丰

使用EasyUI实现添加和删除功能

热门推荐

周江霄

12-21

1万+

增删该查是任何一个项目都少不了的功能操作，这篇博文主要简介一下如何使用EasyUI实现添加和删除功能。首先，导入EasyUI的js代码：接下来，因为添加需要弹出对话框，所以下面是对添加对话框的布局设置，这里使用了Ajax窗体，参数Add为该form提交到的Action方法。

参与评论您还未登录，请先登录后发表或查看评论

easy ui datagrid 简单用法

晓剑

02-15

7501

一：加载数据的方式 1:url方式 $(function () { $('#dg').datagrid({ title: 'Sortable Column', width: 550, height: 250, url:

使用EasyUI实现增加功能

qq_63845026的博客

04-11

1179

目录前言：这次的功能是基于上一次的项目做的，如果有不懂的可以看上一节EasyUI（分页&模糊查询) 一：页面搭建二：dao层开发三：service层开发四：servlet层开发五：效果图由于数据库，以及包机构全搭建好了，这次的内容在上次的基础上有所延伸，前面的内容是不是只能用数据库定死的测试数据，所有这次内容是在自己的web项目上直接增加数据到数据库话不多说，直接上代码一：页面搭建找到上次写的bookList.jsp页面给增加添加点击事件，并给弹出窗口定义个.

EasyUI使用DataGrid实现动态列数据绑定

风清扬的专栏

11-25

1495

EasyUI DataGrid动态列数据绑定实现方式并不是很发杂，请求到远程数据后,通过其中一条列表数据获取到列字段，然后在通过datagrid对数据进行绑定，上代码。后台返回的数据对象是按datagrid要求的格式数据返回的。

DataGrid控件介绍

云计算?

03-28

720

DataGrid控件介绍 1. 引言 Rich UI中的DataGrid组件可以在表中显示一组行数据。本文将详细介绍DataGrid组件相关信息。如果想要较好的理解DataGrid，你需要熟悉以下内容：如何定义表头如何定义behavior，它是DataGrid组件中包含一系列behavior函数的属性。当组件被渲染时，属性中的behavior函数将被调用。如何定义lis...

datagrid数据表格使用方法

a623982022的博客

01-18

2299

将静态HTML渲染为datagrid样式： <table class="easyui-datagrid"> <thead> <tr> <th data-options="field:'id'">编号</th>

【EasyUI DataGrid DetailView】表格嵌套子表格

wilson_m的博客

08-23

7082

一、功能描述在做项目的时候，要求能够对某一行的数据进行折叠显示，用来查看该行的详细信息。拟通过采用easyui的detailview创建表格分组，大致的效果图如下所示：二、使用方法 &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;本篇博客承接以前的一篇博客：https://blog.youkuaiyun.com/wilson_m/article/details/813

在 C# WPF 中设置 DataGrid 控件的CELL的字体和样式

最新发布

07-02

这些项目提供了在WPFDataGrid中实现合并单元格功能的方法，通常通过自定义控件或模板列嵌套DataGrid来实现。###代码示例：综合设置以下是一个综合示例，同时设置了默认单元格样式、特定列样式和选中样式： ```xml...

Easyui之Datagrid(数据表格)

月亮投递员的博客

06-24

3732

Datagrid前言1、概念2、常见使用案例3、datagrid属性4、datagrid事件5、datagrid方法6、案例演示7、为什么使用datagrid总结前言今天为大家分享的内容是datagrid,数据表格，用来展示表格中的数据！ 1、概念 Datagrid是用来展示表格数据的一种组件！ 2、常见使用案例没错，我今天要讲的案例效果就和下面这张图差不多：根据使用的不同情况和创建DataGrid的方式，分为以下三种： 1、如果从现有的表格元素去创建DataGrid，在HTML中定义列、行和数据

EasyUI 中在DataGrid的toolbar 上使用MenuButton DataGrid的toolbar 中官方网站只是给出了linkbutton的使用方法。但是在生产过程中，经常需要做各种菜单，所以需要在ToolBar上增加 MenuButton。尝试了很多方法都不行。例如：{ text: '下拉菜单', iconCls: 'icon-more', menu: [{ text: '菜单项1', iconCls: 'icon-ok', handler: function () { alert('菜单项1'); } }, { text: '菜单项2', iconCls: 'icon-cancel', handler: function () { alert('菜单项2'); } }], }, 按照上述方法，产生如图：但是点击没有反应，没有下拉的效果。

05-31

在 EasyUI 中，可以通过在 toolbar 中嵌套一个 menubutton 来实现下拉菜单的效果。下面是一个示例代码，可以参考一下： ``` $('#dg').datagrid({ toolbar: [{ text: '操作', iconCls: 'icon-edit', menu: '#mm'...

Easyui学习笔记（一）datagrid行编辑

qq_43701801的博客

05-07

8562

一、定义datagrid <table id="grid"></table> 二、datagrid设置重点事件： $('#grid').datagrid({ iconCls: 'icon-forward', fit: true, border: false,...

EasyUi Datagrid的基础使用

modabobo

02-20

575

Datagride的初始化方式方式1 ：class类型创建，这个创建方式比较简单，如果在已知表格内容的情况下可以使用，还是挺漂亮的 <table class="easyui-datagrid"> <thead> <tr> <th data-options="field:'code'"&gt...

EasyUI DataGrid使用示例

diehe5608的博客

11-05

480

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="EasyUIDemo.aspx.cs" Inherits="C_EasyUIDemo" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <hea...

EasyUI——常见用法总结

【飞剑走江湖】--->>

05-20

1301

1. 使用 data-options 来初始化属性。 data-options是jQuery Easyui 最近两个版本才加上的一个特殊属性。通过这个属性，我们可以对easyui组件的实例化可以完全写入到html中，例如： <div class="easyui-dialog" style="width:400px;height:200px" data-options=

datagrid java_java_easyui体系之DataGrid（3）[转]

weixin_42499335的博客

02-20

475

一：简介在2的基础上实现增删改、增、改都是通过行编辑来实现的。具体业务逻辑：1、增加一条记录的时候：a) 在datagrid表格最前端增加一行(当然也可在指定位置增加、)增加的行的字段必须与要显示的行的字段相同、或者用于存入数据库的更多信息，b) 当有一条新增记录没有被保存时不能再增加新的行c) 点击保存按钮、保存新增记录d) 未保存之前点击撤销按钮、取消新增行2、修改一条记录的时候a) 可以...

easyui-combogrid选中给后台传值默认取idField:ID字段

awangwu的博客

09-29

3628

//html <input id="addInfoType" class="easyui-combogrid" name="updateCode" /> //默认取combogrid控件用户选中的idField的id字段值给后台的updateCode属性赋值 //说明: //easyui-combogrid 下拉框和复选框用ajax请求后台将相应的数据赋值给变量有...