`

[datatable]在页面中更改cell值后再排序

 
阅读更多

需求:在点击一按钮后,对选中的行对应的某一列中的值进行更改。并且,更改后能对该列进行排序

 

datatable提供了单元格编辑扩展,但这不是这个需求所需要的,我们不需要编辑单元格,只要更改单元格中的值。

更改单元格的值很简单,使用jquery的搜索查到选中的行找到要改的列,更改html即可。但是这样更改后不能正确的进行该列的排序。其排序还是以未改之前的为准。

 

经研究得到解决方案。注意两点:1.使用datatable提供的api来改单元格值 2.行定位时一定要以初始化时的行序列进行定位

 

api

datatable=$(".datatable-sort").dataTable( {"bSort": true});

datatable.fnUpdate('new value',rownum,colnum)

 注意这里的rownum,这一定要是初始化时的行序列。假如初始化时id为1的行在第一行,那么这一行的rownum就是0

如果再以别的列来排序,id为1的行被排到了第3行,按理说这时的rownum应该是4了。但在调用api时,这里的rownum还应该是0,不然你就改了别的行中的值了。

 

如何来确认行的rownum呢,我也给一个自己的思路和解决方案。我会在初始化的每行元素中加一个属性如 rowindex,这个属性值就是行在循环渲染时的序列值。这样在使用jquery取到被选中的行时,我不使用jquery forEach中的序列值,而是使用行中的rowindex属性值就行了

0
1
分享到:
评论

相关推荐

    jquery datatable 单元格合并

    注意,这个方法假设数据是静态的,如果数据是动态更新的,那么需要在每次数据更改后重新运行合并逻辑。此外,对于大数据量的表格,这种方法可能会有性能问题,因为涉及到大量的DOM操作,可能需要优化或考虑其他呈现...

    Powershell 获取Excel Worksheet,返回DataTable

    在给定的标题“Powershell 获取Excel Worksheet,返回DataTable”中,我们关注的是如何利用Powershell来操作Excel工作表,并将数据转换为DataTable对象,以便进一步处理和分析。 首先,我们需要了解几个关键概念: 1...

    DataTable导出为Excel表格类rar

    在.NET开发环境中,DataTable是一种常用的数据结构,它用于存储和操作数据,类似于数据库中的表格。而Excel则是微软Office套件中的电子表格应用,用于处理和分析数据。将DataTable导出为Excel文件是一种常见的需求,...

    Gridview动态链接列

    - 记得在GridView的配置中禁用自动排序和分页,因为这些操作可能导致RowDataBound事件不被触发,从而无法添加动态链接列。 - 如果需要处理大量的数据,注意性能优化,比如使用Paging和Sorting,以及避免在...

    ASP.NET中DataGrid的使用指南

    更改这些属性后需重新调用DataBind以更新视图。 4. Columns:列的集合,可设置列的各种属性,如是否可见、列头文本、排序表达式等。值得注意的是,自动生成的列并不包含在Columns中,仅限于在.aspx中声明或代码中...

    VS2005 GridView操作大全

    15. **自动求和求平均值小计**:在GridView下方添加一个空行,通过遍历所有数值列,计算总和或平均值,并显示在对应的单元格中。 16. **数据导入Excel**:使用`OleDbConnection`和`OleDbDataAdapter`读取Excel文件...

    Aspx GridView提升知识

    1. 编辑状态:GridView允许在客户端直接编辑数据,用户点击行的编辑按钮后,行将变为可编辑模式,通过TextBox等控件展示可修改的字段。 2. 新增:可以添加InsertItemTemplate模板,用户点击“新增”按钮,GridView会...

    Table自动生成列

    在C#中,你可以使用`DataTable.Columns`或`DataView.Table.Columns`属性来获取列信息。 3. 创建`Table`控件:在服务器端,使用`Table`控件的`new Table()`实例化一个新的表格对象。然后,你可以使用`Rows`和`...

    lwcDataTable_Old

    在“lwcDataTable_Old”中,我们可以推测这是一个用于展示数据的表格组件,它可能提供了数据的排序、过滤、分页等功能,便于用户以结构化的方式查看和操作数据。 在JavaScript方面,LWC组件利用了ES6(ECMAScript ...

    C#精髓-- GridView 72般绝技

    可以在ASPX页面中通过设置 `PageSize="数字"` 来修改此值。 - **默认单向排序**:通过右键点击GridView,在属性面板中将 `AllowSorting` 设置为 `True` 即可启用。 #### 2. GridView选中、编辑、取消、删除操作 **...

    从数据库中导出到EXCEL表中

    在本例中,查询可能基于特定列的值进行筛选,以便将数据分组到不同的Excel工作表。 2. **数据处理**:查询结果通常以DataTable、DataSet或其他数据结构的形式返回。在C#中,你可以遍历这些数据结构,对数据进行...

    java ee 表格的绘制

    在Java EE(企业版Java)开发中,创建和绘制表格是一项常见的任务,特别是在构建Web应用程序时,例如报表系统、数据分析平台等。Java EE提供了一系列工具和技术来帮助开发者实现这一目标,使得表格不仅能够准确地...

    关于ADO.NET的讲解

    - **数据更新:**用户对数据进行修改后,`TableAdapter`通过其`Update`方法将这些更改应用回数据库。 - `TableAdapter`控制着数据从数据源到应用程序之间的流动,反之亦然。 **特性:** - `TableAdapter`可以通过...

    C#.NET常见问题(FAQ)-如何使用DataGridView跟Excel数据交互.rar

    在.NET框架中,C#是一种常用的编程语言,用于开发各种应用程序。在开发过程中,与Excel数据的交互是一项常见的任务,特别是在处理数据导入导出、数据分析和报表生成时。本示例将详细介绍如何利用C#.NET中的自带控件...

    DATAGRID使用指導.doc

    Columns集合包含了DataGrid中所有列的定义,允许用户修改列的可见性、标题文本、排序表达式等属性。值得注意的是,自动生成的列不在Columns集合中。 ##### 6. Items 属性 Items是DataGridItem的集合,代表了...

    DataTables API.rar

    在实际应用中,了解jQuery基础,如选择器(如`$('table')`)、事件处理(如`$(document).ready()`)和DOM操作(如`append()`)是必不可少的。 综上所述,"DataTables API.rar"中的资源将涵盖如何利用DataTables API...

    DataGridView使用~

    DataGridView是Windows Forms应用程序中常用的控件,用于展示数据表格,用户可以进行查看、编辑和操作。在本主题中,我们将...在实际项目中,还可以结合其他功能,如排序、过滤和分页,进一步提升数据管理的便捷性。

    C# DataGridView控件使用全攻略

    当数据源中的值为 null 时,可以通过 DataSourceNullValue 属性指定默认显示的值。 **4.3 DataError 事件** 当 DataGridView 处理数据时遇到错误,如数据类型不匹配,会触发 DataError 事件。 **4.4 数据绑定模式...

    左右表格互移

    在CSS中,可以使用`display: table`、`display: table-row`和`display: table-cell`等属性来创建类似表格的布局。 2. **响应式设计**: 在现代网页设计中,响应式设计是必不可少的,它使得网页能根据设备的屏幕...

    WinForm Datagrid结构剖

    在.NET Framework下的Windows Forms应用程序中,`DataGridView`(通常被简称为`Datagrid`)是一个非常强大的控件,用于展示和编辑表格形式的数据。它能够绑定到各种数据源,并提供丰富的功能,如排序、筛选、编辑等...

Global site tag (gtag.js) - Google Analytics