easyui datagrid列中放入linkbutton后错行问题

本文详细介绍了在使用EasyUI框架开发项目时,遇到的EasyUI DataGrid中添加LinkButton后导致行高错乱的问题,并通过修改easyui.css中的样式解决了此问题。具体步骤包括在Datagrid的样式设置中调整行高,以确保添加的LinkButton不会影响原有的布局。此外,文章还附带了相关代码片段,如Datagrid的配置、事件处理函数等,以便读者能够直接应用于自己的项目中。

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

easyuidatagrid列中放入linkbutton后,行错行的问题解决,在easyui.css中改变datagrid的行高.datagrid-header-row,
.datagrid-row {
  height: 32px;
},原来为25给为32px即可

----------------------------------------附列中增加linkbutton代码

行中:


    

table中data-options="pageSize:30,onDblClickRow:function(rowIndex,rowData){playsound(rowIndex,rowData);},onLoadSuccess:loaonclass“

 

 function loaonclass(data)
    {
     $(".playvoicebutton").linkbutton({ text:'', plain:true,iconCls:'icon-play' });
     $(".downloadvoicebutton").linkbutton({ text:'', plain:true,iconCls:'icon-save' });
    }
     function playrowformater(value,row,index)
     {
     return "";
     // return "";
     }
     function rowformater(value,row,index)
     {
     return "";
     }
     function playvoice(index)
     {
      $("#dg").datagrid("selectRow",index);
  var rowData =$('#dg').datagrid('getSelections');
  playsound(index,rowData)
     }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值