1、easyui-datagrid如何自适应页面宽度
答案当然是写js啦。具体语句如下:
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"属性的值。