datagrid方法

easyui datagrid loaddata用法

EasyUI是一个非常出色的JavaScript UI库，可以帮助程序员创建美观、易用的Web界面。其中，EasyUI datagrid是其最为重要的组件之一，用于展示大量数据。在使用过程中，loaddata是常用的一种方法，下面将详细介绍其使用方法。

1. 引入EasyUI和jQuery库

在使用EasyUI datagrid之前，需要先引入其依赖的EasyUI和jQuery库。可以从官网下载相应版本的.easyui.js和.jquery.min.js文件，并引入到HTML页面中。

2. 创建datagrid元素

接下来，需要在HTML页面中创建一个datagrid元素，并定义好其一些基础属性，如列名、列宽、行高等。这里的例子中，我们创建一个id为dg的datagrid元素，有3列，分别为id、name和age。

代码示例：

url="get_data.php" toolbar="#toolbar" pagination="true"

rownumbers="true"

fitColumns="true" singleSelect="true">

ID

Name

Age

这里，url属性用于定义datagrid需要从服务器获取数据的URL地址；toolbar属性用于指定datagrid上方的工具栏；pagination和rownumbers属性用于开启分页和行号功能；fitColumns属性用于让列自适应容器宽度；singleSelect属性表示只能选择一行数据。

3. 定义数据格式

在使用loaddata方法之前，需要先定义好需要加载的数据格式。EasyUI datagrid的数据格式通常为JSON数组格式，如下：

DataGridView冻结列或⾏、列顺序调整、操作⾏头列头标

题的⽅法

⼀、冻结列

DataGridViewColumn.Frozen属性为true时，该列左侧的所有列被固定，横向滚动时固定列不随滚动条滚动⽽左右移动。这对于重要列固定很有⽤。

⽰例：通过程序固定左侧第⼆列

//固定第⼆列this.dgv_PropDemo.Columns[1].Frozen = true;

通过设计界⾯固定列选择编辑列

选择要冻结的列，将Frozen属性勾选⼆、冻结⾏

DataGridViewRow.Frozen属性为true时，该⾏上⾯的所有⾏被固定，纵向滚动时固定⾏不随滚动条滚动⽽上下移动。（冻结⾏只能通过代码实现）

⽰例；固定第⼀⾏

//固定第⼀⾏this.dgv_PropDemo.Rows[0].Frozen = true;

三、列顺序的调整

设定DataGridView的AllowUserToOrderColumns为True的时候，⽤户可以⾃由调整列的顺序。

当⽤户改变列的顺序的时候，其本⾝的Index不好改变，但是DisplayIndex改变了。也可以通过程序改变DisplayIndex来改变列的顺序。列顺序发⽣改变时会引发ColumnDisplayIndexChanged事件。

四、⾏头和列头

改变DataGridView的第⼀列列头内容：

this.dgv_PropDemo.Columns[0].HeaderCell.Value = "第⼀列";改变DataGridView的第⼀⾏⾏头内容：

this.dgv_PropDemo.Rows[0].HeaderCell.Value = "第⼀⾏";改变DataGridView的左上头部单元内容：

this.dgv_PropDemo.TopLeftHeaderCell.Value = "左上⾓";运⾏效果：

另外，也可以通过HeaderText来改变列头的内容：

this.dgv_PropDemo.Columns[1].HeaderText = "第⼆列";HeaderText和HeaderCell的区别：

详解datagrid使⽤⽅法（重要）

1、将静态HTML渲染为datagrid样式

编号

姓名

年龄

001

⼩明

90

002

⽼王

3

2、发送ajax请求获取json数据创建datagrid 提供json⽂件

class="easyui-datagrid">

编号

姓名

年龄

2、使⽤easyUI提供的API创建datagrid（掌握）

如果数据表格中使⽤了分页条，要求服务端响应的json变为：

请求

响应：

3、案例：取派员分页查询

（1）页⾯调整

修改页⾯中datagrid的URL地址

（2）服务端实现

分装分页相关属性

/**

* 通⽤分页查询⽅法

*/

public void pageQuery(PageBean pageBean) {

int currentPage = pageBean.getCurrentPage();

int pageSize = pageBean.getPageSize();

DetachedCriteria detachedCriteria = pageBean.getDetachedCriteria();

//查询total---总数据量

detachedCriteria.setProjection(Projections.rowCount());//指定hibernate框架发出sql的形式----》select count(*) from bc_staff;

List countList = (List) this.getHibernateTemplate().findByCriteria(detachedCriteria);

Long count = countList.get(0);

pageBean.setTotal(count.intValue());

//查询rows---当前页需要展⽰的数据集合（3）detachedCriteria.setProjection(null);//指定hibernate框架发出sql的形式----》select * from bc_staff

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

编辑DataGrid中的单元格的内容然后保存是⾮常常⽤的功能。主要涉及到的⽅法就是DataGrid的CellEditEnding 和BeginningEdit 。其中BeginningEdit 是当单元格选中后，状态为可编辑状态时触发。CellEditEnding 是在单元格失去焦点后触发的事件。 对于编辑DataGrid中

单元格内容的实现逻辑⽐较简单：

1.保存旧的单元格内容。

2.判断修改后的内容是否符合规范。

3.保存到数据库。

以下就是简单的实现逻辑，仅供参考：

前台代码：

CellEditEnding="CellEditEnding"

BeginningEdit="BeginningEdit">

HorizontalAlignment="Left" VerticalAlignment="Center" Margin="10,0,0,0">

后台代码：

private void CellEditEnding(object sender, DataGridCellEditEndingEventArgs e)

{

string newValue = (e.EditingElement as TextBox).Text;

//判断新名称和就名称是否⼀样

if (ZTName!=newValue)

{

DataAccess.IAccountDAL iaccount = DALResolver.Instance.Resolve();

int count = iaccount.Count(newValue);

if (count>0)

{

MessageBox.Show("账套名称重复，请重新命名！", "警告", MessageBoxButton.OK);

(e.EditingElement as TextBox).Text = ZTName;

return;

}

else

{

int id = (this.dgData.SelectedItem as Founder.Model.Account.ModelAccountInfo).AccountID;