datagrid专题

js-模拟easyui-datagrid表格各行选中事件-实现逻辑

鉴于easyui-datagrid一旦使用于大数据,则会非常卡顿,这里模仿easyui-datagrid实现行选中事件的逻辑 var tableObj = {domIdName:'actCarTable',data:[],//表格数据isSelectedTrIndex:[],//被选中行的索引isDblclick:null,//是否双击selectRowArr:[], //选中行数据数

WPF中datagrid分页

namespace WpfApplication1{/// <summary>/// 枚举类型/// </summary>public enum sex{男,女};public class company{public string companyname;public string name;public string sex;public int age;public string job;

EasyUI DataGrid 复选框

来源:http://www.glphp.com/index.php?m=content&c=index&a=show&catid=36&id=331 如何放置checkbox列。使用checkbox,用户可以选定/取消数据行。 <table id="tt"></table>$('#tt').datagrid({title:'Checkbox Select',iconCls:'ic

wpf datagrid 使单元格获得焦点

DataGrid.CurrentCell = new DataGridCellInfo(DataGrid.Items[rowIndex], DataGrid.Columns[columnIndex]);DataGrid.BeginEdit(); 使用场景: 1.datagrid有数据双向绑定的情况下 空白行新增数据时 如果直接编辑时可以编辑 但是如果是通过右键菜单的方式去添加数据,比如 把

代码篇——EasyUI中DataGrid选中多行提交和删除

基础代码进行整理,让我们的效率更快的提高。 需求:      俩个表格,第一个表格为班级,里面有具体的一班二班,另一个表是该班级的学生。实现的功能是:选中第一个表的班级,从数据库中查询该班级的学生,显示在另外的一个表格中。点击移除,就可以将选中学生从考生信息列表中移除。也就是多行数据在俩个datagrid中进行传递。      对一个表格进行单行选中的代码:

组织部--动态拼接datagrid

在做组织部项目过程中,作者接触到了一个动态拼接datagrid的任务,感觉很有意思,理解并实现之后将其分享给大家。             情景还原:          在“县市区成绩”界面,“定量总成绩”之后即是“定性成绩”,先需要在定量总成绩之后添加各项“定量成绩”,即动态地向datagrid中添加若干列。即在如图所示前提下,向datagrid中动态加载新的“定量成绩”列

EasyUI DataGrid 单元格编辑 注释版

最近做组织部项目的时候,需要点击Datagrid,然后能够写入数值;研究了半天没明白是什么意思,后来查资料的时候,直接在easyUI 中文网的Demo中找到了相同的代码,但是代码没有注释,依然不是很理解,后来找同伴一块推敲,基本掌握了整个思路,写出注释来给大家分享; EeayUI中文网Demo及展示效果:http://www.jeasyui.net/demo/332.html 效

easyUI-datagrid + 假数据

前言     在组长齐伟的带领下,我们的审批系统开发进入了HTML页面编写阶段,在这个阶段中最让我头疼的就是怎么在页面上的datagrid表格上显示一堆数据里,请了大牛亮亮过来帮忙,可是他也没解决,于是只有先放着,随着页面开发阶段,假数据也不得不提上日程啊。躲不掉,只能迎难而上了,最后解决了,忽然发现也没什么难的。回来总结一下。 过程       首先我们是需要制造一些数据出来,以便调

MVC项目中如何用JS导出EasyUI DataGrid为Excel

在做一中考评项目的时候,遇到了这么一个需求,就是把评教后得到的老师的成绩导出为Excel。其实需求很普通,实现起来有些复杂,因为老师考评不但有固定的考核项,还有额外加分项。于是我们就抽出来了一个表,专门存放评教后的成绩,导出的时候就直接读数据库然后导出Excel。后来需求变了,要求额外加分项动态添加,也就是说一个老师有几个额外加分项是管理员导入的,这样成绩表就不能用了,因为额外加分项是不

easyUI——控制datagrid的显示与隐藏

在做java-ITOO的选课系统时,学生选课界面要显示:可选课程,已选课程和历史选课。    在这一个界面上,信息量是非常大的,怎么样让用户快速,简洁的了解自己要的信息呢?     故,我们决定把已选课程和历史选课先隐藏起来,做了两个按钮,让用户点击的时候再出现,再点击一下隐藏。     实现起来是非常简单的,首先,我们在界面加载时隐藏“历史选课”“已选课程”这两个datagr

easyui datagrid 清除排序

easyui  datagrid  在第一次点击排序之后,如果再查询,会把上次查询的排序带过去,如果列名是动态的,第二次查询的时候没有第一次排序的这一列,就会报错,sort is not found. 可以在查询的时候把排序给清除掉,代码如下 $('#dg').datagrid('options').sortName = "";$('#dg').datagrid('options').sor

easyUI之datagrid

这篇博文打算总结一下,我在项目中使用前端框架easyUI所遇到的一些用法。 先按照下面的图片说三个小的easyUI datagrid中的用法: 1.在easyUI datagrid中每条记录前面显示复选框,并且可以实现单选和全选功能 代码实现如下: {field:'checked',title:'<input type="checkbox" id="selectAll">',width:'20

示例:WPF中DataGrid设置多级分组样式

一、目的:应用CollectionViewSource和GroupStyle设置DataGrid多级分组样式 二、实现 一级分组效果如下 二级分组效果如下 三、环境 VS2022 四、示例 具体实现代码如下 <TabItem Header="DataGrid - 多级分组"><TabItem.Resources><CollectionViewSour

示例:WPF中DataGrid简单设置合并列头

一、目的:应用DataGridTemplateColumn列模板,去拆分列头和单元格布局的方式设置列头合并样式 二、实现 效果如下 三、环境 VS2022 四、示例 应用DataGridTemplateColumn自定义列头信息和单元格信息 <DataGrid AutoGenerateColumns="False" ItemsSource="{h:GetStudents

示例:WPF中应用DataGrid读取实体DisplayAttribute特性自动自动生成列名

一、目的:通过重写DataGrid的OnAutoGeneratingColumn方法实现根据定义特性自动生成列头信息功能 二、实现 <DataGrid ItemsSource="{local:GetStudents Count=50}"/> 实体定义如下  public class Student{[DataGridColumn("*")][Display(Name = "姓名",

Easyui Datagrid 解决页面加载重复请求2次后端问题

现象 在页面刚刚打开时,页面加载完毕,显示查询数据,连续请求网络2次, 第一次是只携带了 分页参数; 第二次携带分页和查询参数 问题出现原因 html代码中利用class声明了datagrid,导致easyUI解析class代码的时候先解析class声明中的datagrid,这样组件就请求了一次url;然后又调用js初始化代码请求一次url。这样导致了重复加载。 解决方案 1、js方

easyui 的 DataGrid View 使用

easyui真是后台人员的宝呀,让不会前台的程序员,不用再用那些自己看着都恶心的表格了! 今天来说说easyui datagrid 的 数据表格详细展示表格,这个有趣多了! 先上图 然后是代码 $('#tt').datagrid({title:'浏览模式',remoteSort:false,nowrap:false,fitColumns:true,sor

DataGrid扩展

ExtendDataGridHelper.SetCellEnableFalse<ComboBox>(dtgShow, "cbxCellEditEQ"); /// <summary>/// 设置Datagrid某列不可编辑/// </summary>/// <typeparam name="T">CellEditing时,单元格中控件的 类型</

easyui datagrid动态绑定列名和数据

ashx文件内容  public void ProcessRequest(HttpContext context){//示例用,各位可以根据自己需求写 var id = context.Request["id"];if (id.ToString().Equals("1")){DataTable dt = createTable();DataRow dr = dt.NewRow();dr["fi

DataGrid和DataGridComboBoxColumn数据绑定

MainWindow.xaml文件 <Window x:Class="WpfApp20140821.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:local="clr-

Jquery datagrid动态添加列

后端 /// <summary>/// SpecificQjValue(格式:1,2) 改为 1 as SpecificQjValue0,2 as SpecificQjValue1格式/// </summary>/// <param name="SpecificQjValue"></param>/// <returns></returns>public string GetQjV

JqueryEasyUI之DataGrid扩展

DataGrid通用合并扩展方法: $.extend($.fn.datagrid.methods, {autoMergeCells: function (jq, fields) {return jq.each(function () {var target = $(this);if (!fields) {fields = target.datagrid("getColumnFields");}v

扩展 easyui 控件系列:为datagrid 增加过滤行

此功能还为真正完成,起到抛砖引玉的效果,发动大家的力量把这个功能完善起来,效果图如下:   基本上就是扩展了 datagrid.view 中的onAfterRender 这个事件,具体代码如下: $.extend($.fn.datagrid.defaults.view,{onAfterRender:function(target){var dc = $.data(targ

easyui-datagrid行内可编辑

测试版本jquery-easyui-1.5.2下载:http://pan.baidu.com/s/1pLqfQSb,这是官网免费的版本 day01rel="stylesheet" type="text/css" href="../themes/default/easyui.css" />rel="stylesheet" type="text/css" href="../them

WPF中修改DataGrid单元格值并保存

编辑DataGrid中的单元格的内容然后保存是非常常用的功能。主要涉及到的方法就是DataGrid的CellEditEnding  和BeginningEdit 。其中BeginningEdit 是当单元格选中后,状态为可编辑状态时触发。CellEditEnding 是在单元格失去焦点后触发的事件。    对于编辑DataGrid中单元格内容的实现逻辑比较简单: 1.保存旧的单元

DataGrid中的全选和单选的功能

在WPF中DataGrid和CheckBox的联合使用是非常常见的,但是在DataGrid中怎 么实现全选和部分选择的功能并没有现成的控件去使用。要想实现该功能,必须人工通 过代码来完成。关于实现的方式,网上有很多,有的很简单有的比较复杂。现参考了网 上大牛的代码又结合了自己目前的项目自己手工写了一个实现全选和单选的控件。罗列 如下:     前台代码:主要是在DataGrid中添