zoukankan      html  css  js  c++  java
  • jQuery EasyUI DataGrid Checkbox 数据设定与取值


    $('#dg').datagrid({ title: 'CheckBox Selection on DataGrid', url: 'datagrid_data3.json', '700', rownumbers: true, columns:[[ { field:'ck',checkbox:true }, { field: 'productid', title: 'productid' }, { field: 'productname', title: 'productname' }, { field: 'unitcost', title: 'unitcost' }, { field: 'status', title: 'status' }, { field: 'listprice', title: 'listprice' }, { field: 'itemid', title: 'itemid' } ]], singleSelect: false, selectOnCheck: true, checkOnSelect: true, onLoadSuccess:function(data){ if(data){ $.each(data.rows, function(index, item){ if(item.checked){ $('#dg').datagrid('checkRow', index); } }); } } }); $('#ButonGetCheck').click(function(){ var checkedItems = $('#dg').datagrid('getChecked'); var names = []; $.each(checkedItems, function(index, item){ names.push(item.productname); }); console.log(names.join(",")); });
    $(function(){
        $('#dg').datagrid({
            title: 'CheckBox Selection on DataGrid',
            url: 'datagrid_data3.json',
             '700',
            rownumbers: true,
            columns:[[
                {field:'checked',formatter:function(value,row,index){ 
                    if(row.checked){
                        return '<input type="checkbox" name="DataGridCheckbox" checked="checked">'; 
                    }
                    else{
                        return '<input type="checkbox" name="DataGridCheckbox">'; 
                    }
                }}, 
                { field: 'productid', title: 'productid' },
                { field: 'productname', title: 'productname' },
                { field: 'unitcost', title: 'unitcost' },
                { field: 'status', title: 'status' },
                { field: 'listprice', title: 'listprice' },
                { field: 'itemid', title: 'itemid' }
            ]],
            singleSelect: true
        });
        
        $('#ButonGetCheck').click(function(){
            var checkedItems = $('#dg').datagrid('getChecked');
            var names = [];
            $.each(checkedItems, function(index, item){
                names.push(item.productname);
            });                
            console.log(names.join(","));
        });
    });
     
    $.extend($.fn.datagrid.methods, {
        getChecked: function (jq) {
            var rr = [];
            var rows = jq.datagrid('getRows');
            jq.datagrid('getPanel').find('div.datagrid-cell input:checked').each(function () {
                var index = $(this).parents('tr:first').attr('datagrid-row-index');
                rr.push(rows[index]);
            });
            return rr;
        }
    });
  • 相关阅读:
    oracle length and lengthb
    Oracle对列的操作总结
    配置Spring管理的bean的作用域
    Spring的三种实例化Bean的方式
    编码剖析Spring管理Bean的原理
    SpringMVC学习(十二)——SpringMVC中的拦截器
    SpringMVC学习(十一)——SpringMVC实现Resultful服务
    SpringMVC学习(十)——SpringMVC与前台的json数据交互
    SpringMVC学习(九)——SpringMVC中实现文件上传
    SpringMVC学习(八)——SpringMVC中的异常处理器
  • 原文地址:https://www.cnblogs.com/hubing/p/4033966.html
Copyright © 2011-2022 走看看