jquery easyui datagrid 添加超链接

最新推荐文章于 2017-12-29 13:01:34 发布
最新推荐文章于 2017-12-29 13:01:34 发布
阅读量3w 收藏 7
点赞数
文章标签： datagrid jquery struts function json url
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/com360/article/details/6537074
版权
这篇博客介绍了如何在使用jQuery EasyUI的datagrid时，为数据列添加超链接，实现角色管理功能。通过Struts2返回JSON对象，包含用户信息，然后在JavaScript函数中设置datagrid的formatter，动态生成带有点击事件的超链接。

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

在网上也没找到解决办法，就自己去试，终于给试出来了，希望对大家有帮助。

用的struts2，返回的json对象，里面存放的是List<Map<String,Object>>

Map里面有数据：key:"username"和"id"等


如下代码放到您定义的任意js函数中：

var username = $("#form_username").val();

$('#tt').datagrid({

url:webContext+"/user/queryUserList.action",

width: 'auto',

height: 'auto',

nowrap:false,

最低0.47元/天 解锁文章
com360
关注
Easyui DataGrid 属性介绍
zefllj的博客
03-12 1207
总是记不住DataGrid属性，每次使用时总是要搜索一番，干脆记录到此 数据表格属性（DataGrid Properties） 属性继承控制面板，以下是数据表格独有的属性。 名称 类型 描述 默认值 columns array 数据表格列配置对象，查看列属性以获取更多细节。 undefined frozenColumns array 跟...
C#DataGridView 添加超链接
Valar Morghulis Valar Dohaeris
06-15 7812
方式1: DataGridView 的 列设置为 DataGridViewLinkColumn 即可 这种方式 方便快捷  只是在运行后此列不可编辑   方式2: DataGridView 的列设置为  DataGridViewTextBoxColumn （以此列为第0列为说明） 自己手动封装一个使得此列的内容带有超链接的效果  以假弄真   步骤1、DataGridViewTex...
datagrid 字段添加超链接
10-11 2054
1 在datagrid字段上添加formatter="currencyName"函数 2 调用方法var currencyName = function(value,row,index){ return '' + value + ''; } 3 function loading(id) { window.location.href = "${ctx}/baserate/edit?i
ASP.NET中DataGrid添加超链接、自定义显示示、页脚汇
何志林的专栏
01-13 1389
ASP.NET中DataGrid添加超链接、自定义显示示、页脚汇近日较忙，很少来这里，后土软件的圈子也很久没有管理了；不过free和wowlion还是经常来发些文章，在此表示感谢！    做WEB或WIN开发，整理出来了些用法，可时间一长就会忘记，每次做一个功能，都要打开原来的程序来看一看，找一找，有时一些软件较大，打开时还需要一些其他东东，所以很不方便，所以这次又做一个WEB下DATAGRI
EasyUI DataGrid添加超链接
热门推荐
HotCook
11-01 1万+
EasyUI DataGrid添加行链接
jquery easyui datagrid列传参
04-24
该列设为超链接，点击时向调用的js方法传参。 return "(parameter)/>这里onclick的参数是怎么传的呢
jQuery EasyUI Datagrid列操作：传递参数到JS方法
"jQuery EasyUI Datagrid列设置与参数传递" 在jQuery EasyUI框架中，Datagrid是一个非常实用的组件，用于展示表格数据并提供多种交互功能。在使用Datagrid时，我们有时需要自定义列的显示方式，比如将某一列设置为...
jQuery EasyUI 1.4.5 版 API 中文版
04-15
- **LinkButton（链接按钮）**：美化超链接，可添加图标和事件处理。 - **Tooltip（提示框）**：为元素添加浮动提示信息。 6. **API 使用**： - **事件绑定**：EasyUI 提供了丰富的事件接口，如 `onLoadSuccess`...
easyui datagrid 添加超链接 并传值
yeyulin_123的博客
12-29 3026
{field:'id',title:'操作',width:100,formatter: function(value,row,index){ var str= '<a style="color:blue" href="javascript:void(0)" onclick="grade(\''+index+'\')">'+"操作"+'</a>' return str; }
easyui如何在datagrid添加超链接
qqsunman2的博客
10-13 3273
在一个项目中，有这样一个需求，就是利用easyui框架为每一个行上的某一个格添加一个超链接，如下图： 在案号那一列，每一行都是的这个案号都是一个超链接，平时我们都是通过field，绑定从后台获取的数据，如果没有什么特殊要求的话，就可以用了，但是要对数据的格式，还有属性（比如添加一些超链接），这就要用到easyui里面自带的一个formatter属性，它的值是一个函数，函数里有三个参数
Easyui Datagrid每行增加超链接
娃娃的博客
09-07 5972
Easyui Datagrid每行增加超链接
关于EasyUI在Datagrid里面将某一列设置为超链接并传递当前行的某一参数传递给打开的对话框。
carlblack1987的专栏
08-26 5302
今天在写一个web碰到了要做一个阅读页面的需求，在datagrid里面
easyui datagrid 添加超链接
a57565587的专栏
11-05 6051
计划编码
Easyui-datagrid 给标题列加上超链接(MVC3.0应用程序中)
泽漆
01-11 3357
Easyui-datagrid实现超链接列 Easyui-datagrid实现超链接列到controller中 分页查询
巧用Datagrid的链接.
loveerror的专栏
02-18 672
最近做了一个这样的事情,就是在datagrid里根据查询条件显示相应的信息,然后在某一列上设置一个链接,在用户点击这个链接时,就转入另外一个编辑的页面,同时把当前链接的值传给相应的页面. 也许对某些高手这不是什么难事,但是当时我确实想了好一阵,为了让跟我差不多的朋友少走弯路,特给出方法.如上图所示,这是Datagrid的一个属性设置,相信大家不会陌生. 重点就是设置 “URL format str
easyui datagrid添加超链接在表格中
最新发布
06-01
要在 EasyUI Datagrid 中添加超链接，可以使用 formatter 属性来格式化表格中的数据。 以下是一个示例代码，展示如何在表格中添加超链接： ``` $('#datagrid').datagrid({ url:'data.json', columns:[[ {field:'name',title:'Name',width:100}, {field:'link',title:'Link',width:100,formatter:function(value,row,index){ return '<a href="'+value+'">'+value+'</a>'; }} ]] }); ``` 在这个示例中，我们使用了 formatter 函数来格式化 "link" 字段。该函数会将该字段的值转换成一个超链接。 在 formatter 函数中，我们通过拼接字符串的方式来创建超链接。我们将链接地址作为 href 属性，同时也将其作为链接文本来显示。 注意，如果要在 EasyUI Datagrid 中使用超链接，需要保证数据中包含完整的链接地址。
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值