easyui datagrid linkbutton删除列

问题描述

easyui datagrid linkbutton删除列


JS新手求解:点击后面删除按钮,在界面删除该列

解决方案

操作那列配置formatter返回此行的id作为删除操作函数的id

 formatter:function(v,row,index){
return '<a href="#" onclick="delRow(''+row['id列名称']+'')">删除</a>'
}
 function delRow(id){
            var rows = $('#datagridid').datagrid('getRows'), r;
            for (var i = 0; i < rows.length; i++) {//查找数据行
                if (rows[i]['id列名称'] == id) { r = rows[i]; break; }
            }
            if (r) {
                 $('#datagridid').datagrid('deleteRow', $('#datagridid').datagrid('getRowIndex', r));//删除此行
            }
}

时间: 2024-12-31 09:53:54

easyui datagrid linkbutton删除列的相关文章

列标题不显示-easyUI datagrid里面的列标题在IE浏览器下不显示

问题描述 easyUI datagrid里面的列标题在IE浏览器下不显示 easyUI datagrid里面的列标题在IE浏览器下不显示,在其他浏览器下是正常显示的 1.代码 //数据列表显示 function queryAll(){ $("#tt").datagrid({ title : '图片数据显示列表', url : 'PhotoAction_querylist.action', fitColumns:true, singleSelect:true, //隔行变色 stripe

Easyui datagrid 查询,后台怎么接受处理queryParams

问题描述 Easyui datagrid 查询,后台怎么接受处理queryParams 前台JS function getSelect() { $('#dgSecurityStaff').datagrid('load', { Work_Number: '1', Security_Staff_ID:'1' }); } 这是后台代码 public JsonResult GetSecurityStaff(int? page, int? rows) { page = page == null ? 1 :

easyui datagrid 编辑行后如何保存

问题描述 easyui datagrid 编辑行后如何保存 $(function () { var datagrid; //定义全局变量datagrid var editRow = undefined; //定义全局变量:当前编辑的行 datagrid = $("#dd").datagrid({ url: 'UserCenter.aspx', //请求的数据源 iconCls: 'icon-save', //图标 pagination: true, //显示分页 pageSize: 1

EasyUI datagrid detailFormatter属性

问题描述 EasyUI datagrid detailFormatter属性 取其中的rzebook_title 但所有的都出现 解决方案 detailFormatter:function(index,row){ return row.rzebook_title ; }

easyui datagrid分页问题

问题描述 easyui datagrid分页问题 easyui datagrid表格中分页选中,再回到前一页选中行也不会消失,怎么做? 解决方案 可以使用对话框,这样就不会跳转页面了. 解决方案二: 这是我前两天遇到的一个问题,在前台使用easyui的datagrid分页时,只能是每页显示10条数据,由于一些要求需要只显示5条数据,最初我看了easyui的一些文档,设置了 data-options="rownumbers:true,pagination:true,pageSize:5,pageL

easyui datagrid如何同时实现自适应大小和垂直滚动条?

问题描述 easyui datagrid如何同时实现自适应大小和垂直滚动条? 1.easyui datagrid设置自适应但是不能显示垂直滚动条? table元素设置fit="true",表格面板就可以自适应大小,也就是充满父容器的大小.但是这个时候无论如何都不能让datagrid出现滚动条了. 2.或者,设置宽度和高度可以显示滚动条但是又不能自适应? table元素设置固定的的宽度和高度(比如,style="width:600px;height:400px"),就

easyUI datagrid 表体比表头的列少

问题描述 easyUI datagrid 表体比表头的列少 本人新手,求教:表体比表头列少,前面还有红色圈出来的区域不知道哪来的?而且表头列与表体列无法对齐. 来个大神告诉我怎么改,谢谢.以下是代码:fit:true pagination:true fitColumns:true nowrap : false striped : true rownumbers:true showFooter:true columns: [[ {title:'馆藏单位'colspan:1rowspan:3} {t

easyui 的linkbutton获取属性值

问题描述 easyui 的linkbutton获取属性值 easyui 的linkbutton在设置了toggle为true之后,我想代码获取这个linkbutton是否被选中 我使用$("#btn_test").linkbutton("options").selected 要报错说无法获取属性"nodeName"的值: 对象为 null 或未定义, 同样获取本身的其他属性也没法$("#btn_test").linkbutto

easyui datagrid 不显示第一页数据

问题描述 easyui datagrid 不显示第一页数据 问个很白的问题..别笑话我... 打算页面打开后,就直接显示数据, 但是现在必须点一下分页栏上的刷新才显示.倒也显示页数和记录数,请教这是怎么回事啊? <script type="text/javascript"> $(function () { var request = new Object(); Request = GetRequest(); var db = Request['DB']; var shp_i