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;
        }
    });
  • 相关阅读:
    UVA 10617 Again Palindrome
    UVA 10154 Weights and Measures
    UVA 10201 Adventures in Moving Part IV
    UVA 10313 Pay the Price
    UVA 10271 Chopsticks
    Restore DB後設置指引 for maximo
    每行SQL語句加go換行
    种服务器角色所拥有的权限
    Framework X support IPV6?
    模擬DeadLock
  • 原文地址:https://www.cnblogs.com/hubing/p/4033966.html
Copyright © 2011-2022 走看看