zoukankan      html  css  js  c++  java
  • EasyUI DataGrid Checkbox 多选 获取选中行中的内容

        <table id='grid' class='easyui-datagrid' style='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> 
    <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>    
    

      

      

  • 相关阅读:
    pyqt5开发之俄罗斯方块
    Tkenter之API测试系统界面设计
    Python的标准GUI:Tkinter的组件
    Python单元测试框架——unittest
    【Android】自定义ListView的Adapter报空指针异常解决方法
    5、使用Libgdx设计一个简单的游戏------雨滴
    4.6、Libgdx线程介绍
    4.5、Libgdx运行日志管理
    4.4、Libgdx使用方法查询运行环境相关属性
    4.3、Libgdx启动类和配置
  • 原文地址:https://www.cnblogs.com/hailexuexi/p/8435017.html
Copyright © 2011-2022 走看看