EasyUI DataGrid Checkbox 多选 获取选中行中的内容
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | < table id='grid' class='easyui-datagrid' style='width:950px;height:405px' url='Ajax-index.php?module=<{$module_name}>&action=Ajax_GridView_Select&assigned_user_id=<{$assigned_user_id}>' title='列表' iconCls='icon-table' pagination='true' rownumbers='true' toolbar='#toolbar' fitColumns='false' singleSelect='false' > < thead > < tr > <!-- <th field='select' width='30' align='center'></th> --> < th field='id' width='10' hidden='true'>编号</ th > < th data-options="field:'ck',checkbox:true"></ th > < th field='name' width='130'align='center'>名称</ th > < th field='date_entered' width='130'align='center'>创建时间</ th > < th field='description' width='150' align='center'>描述</ th > < th field='assigned_user_name' width='130' align='center'>负责人</ th > </ tr > </ thead > </ table > < div id='toolbar'> < a href='#' class='easyui-linkbutton' iconCls='icon-add' plain='true' onclick='GetChecked()'>收款</ a > < a href='#' class='easyui-linkbutton' iconCls='icon-cancel' plain='true' onclick='parent.TabClose();'>关闭</ a > </ div > |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <script type= 'text/javascript' > //单选 事件 $( '#grid' ).datagrid({ onCheck: function (index, data) { //alert(data[0]);alert(data[1]);alert(data[2]); //alert(index ); } }); //获取选中的行内容 function GetChecked(){ var checkedItems = $( '#grid' ).datagrid( 'getChecked' ); var names = []; $.each(checkedItems, function (index, item){ names.push(item.name); }); alert(names.join( "," )); //console.log(names.join(",")); } </script> |
分类:
EasyUI
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)