项目进行中的小问题-0422

1、easyui-datagrid如何自适应页面宽度

答案当然是写js啦。具体语句如下：

/** 
 * JQuery扩展方法，用户对JQuery EasyUI的DataGrid控件进行操作。 
 */  
$.fn.extend({  
    /** 
     * 修改DataGrid对象的默认大小，以适应页面宽度。 
     *  
     * @param heightMargin 
     *            高度对页内边距的距离。 
     * @param widthMargin 
     *            宽度对页内边距的距离。 
     * @param minHeight 
     *            最小高度。 
     * @param minWidth 
     *            最小宽度。 
     *  
     */  
    resizeDataGrid : function(heightMargin, widthMargin, minHeight, minWidth) {  
        var height = $(document.body).height() - heightMargin;  
        var width = $(document.body).width() - widthMargin;  
  
        height = height < minHeight ? minHeight : height;  
        width = width < minWidth ? minWidth : width;  
  
        $(this).datagrid('resize', {  
            height : height,  
            width : width  
        });  
    }  
});  

$(function() { 
    //datagrid数据表格ID 
    var datagridId = 'tt';  
  
    // 第一次加载时自动变化大小  
    $('#' + datagridId).resizeDataGrid(20, 60, 600, 800);  
  
    // 当窗口大小发生变化时，调整DataGrid的大小  
    $(window).resize(function() {  
        $('#' + datagridId).resizeDataGrid(20, 60, 600, 800);  
    });  
});

这个答案是网上找到的哦。

 

2、获得easyui-datagrid的选中行：

 var row = $('#gridID').datagrid('getSelected');

获得选中行的某一列的值：

var id= row.code;

其中，“row"是上面得到的选中行，"code"为该列绑定的字段，即该列的"field"属性的值。