首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Ajax DataTable不显示包含点(.)的字段名称的值

Ajax DataTable是一种用于在网页上展示和操作大量数据的JavaScript插件。它提供了丰富的功能,包括排序、搜索、分页等,使用户可以方便地浏览和操作数据。

对于包含点(.)的字段名称的值不显示的问题,可能是由于DataTable默认将点(.)解释为对象属性的分隔符,导致无法正确显示字段值。为了解决这个问题,可以使用DataTable的columnDefs选项来指定列的属性,将点(.)转义为其他字符,或者使用自定义的渲染函数来处理这种情况。

以下是一个示例代码,演示如何解决这个问题:

代码语言:txt
复制
$(document).ready(function() {
    $('#example').DataTable({
        columnDefs: [
            {
                targets: [0], // 第一列
                render: function(data, type, row, meta) {
                    // 将点(.)替换为其他字符,例如下划线(_)
                    var escapedData = data.replace(/\./g, '_');
                    return escapedData;
                }
            }
        ]
    });
});

在上述代码中,我们使用columnDefs选项来指定第一列的渲染函数。渲染函数接收四个参数:data表示当前单元格的数据,type表示渲染类型,row表示当前行的数据,meta表示元数据。我们在渲染函数中将点(.)替换为下划线(_),然后返回替换后的数据。

这样,当DataTable渲染表格时,会先将包含点(.)的字段名称转义为下划线(_),然后显示在表格中。

对于Ajax DataTable的更多详细信息和用法,可以参考腾讯云的产品介绍页面:Ajax DataTable产品介绍

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Salesforce LWC学习(四十四) Datatable 显示日期类型有趣思考

背景: 项目中经常用到datatable显示日期类型字段,并要求日期类型字段基于指定格式显示。这种是一个很常见需求,而且demo很容易找到,无论是官方文档中还是网上。...columns={columns} data={contacts} key-field="Id"> 效果显示:以指定格式显示...问题:这里我们需要对日期类型显示进行一个思考。官方文档介绍,datatable针对日期类型渲染,使用是lightning-formatted-date-time进行解析。...我们可以看一下相关截图。上个截图中显示时间是曾经我在中国区GMT+8时间显示,现在我修改成 GMT-4 美国时间。  上图datatable还是没有变化。但是详情页却相差了12小时时差。...:已经基于具体salesforce中配置timezone进行显示时间。

36330

一个简单方法:截取子类名称包含基类后缀部分

在代码中,我们可能会为了能够一眼看清类之间继承(从属)关系而在子类名称后缀中带上基类名称。但是由于这种情况下基类参与实际业务,所以对外(文件/网络)名称通常不需要带上这个后缀。...本文提供一个简单方法,让子类中基类后缀删掉,只取得前面的那部分。 在这段代码中,我们至少需要获得两个传入参数,一个是基类名称,一个是子类名称。...23 24 25 26 27 28 29 30 31 32 33 using System; namespace Walterlv.Utils { /// /// 包含类名相关处理方法...Foo>(new XFoo()); } } internal class Foo { } internal class XFoo : Foo { } 于是我们可以得到 name 局部变量为...欢迎转载、使用、重新发布,但务必保留文章署名 吕毅 (包含链接: https://blog.walterlv.com ),不得用于商业目的,基于本文修改后作品务必以相同许可发布。

22330
  • 使用tp框架和SQL语句查询数据表中字段包含

    有时我们需要查询某个字段是否包含时,通常用like进行模糊查询,但对于一些要求比较准确查询时(例如:微信公众号关键字回复匹配查询)就需要用到MySQL find_in_set()函数; 以下是用...find_in_set()函数写sq查询l语句示例: $keyword = '你好'; $sql = "select * from table_name where find_in_set('"....$keyword"',msg_keyword) and msg_active = 1"; 以下是在tp框架中使用find_in_set()函数查询示例: $keyword = '你好'; $where...数据库中存关键字要以英文“,”分隔; 2.存储数据要对分隔符进行处理,保证以英文“,”分隔关键字。...以上这篇使用tp框架和SQL语句查询数据表中字段包含就是小编分享给大家全部内容了,希望能给大家一个参考。

    7.4K31

    jquery.datatables 分页功能

    因此,您可以轻松地显示由数百万行组成表。 当使用服务器端处理时,DataTables将在页面上每个绘图(即分页,排序,搜索等)时向服务器发出一个Ajax请求。...data -- array // 要显示在表中数据。这是一组数据源对象,每行一个,将由DataTables使用。请注意,该参数名称可以使用ajax选项dataSrc属性更改。...DT_RowAttr -- object // 将对象中包含数据添加到行tr节点作为属性。对象键用作属性键,作为对应属性。这是使用jQueryparam()方法执行。...您还将使用该ajax选项来指定DataTable应从其获取Ajax数据URL。...'/data-source', type: 'POST' } } ); 有关DataTable中可用Ajax选项更多信息,请参阅ajax文档。

    4.9K20

    富Web应用架构与转化方法:Web应用系列第二篇

    他们可以接受: 要渲染空格分隔组件列表 @form - 提交在其嵌入表单中定义所有字段 @this - 组件本身内声明区域或组件 @none - 渲染页面的任何部分 @all - 渲染页面上所有组件...Javascript回调函数ondataavailable执行包含jQuery逻辑代码。 在push标签内,我们有一个标签。...此标记声明每当调用dataavailable回调时,都会呈现包含成员列表数据表可折叠面板。 四、客户端验证 我们可以使用RichFaces使用Ajax支持字段验证。...每当用户选中一个字段时,就会进行验证,并显示任何消息,其中标签与具有for属性字段相关。 如果字段参与Ajax表单提交,则也会进行验证。...需要能够在JSF生命周期中某个应用验证,我们知道所有属性已成功存储在支持页面的托管bean中。 可以使用RichFaces图验证器。 使用图形验证器分为两步。

    3.5K20

    几种Code Value Web输入解决方案

    图表 1[对应关系] 场景一 在GridView中显示Product表中信息,用户需要看到一定是单位名称,国家名称,因为他们不会关心也看不懂代码。...分析 这样做法执行效率很差需要对多个表进行扫描,而且容易出错,所以我们建议这样去做 实现方式2 先将Product表填充到一个DataTable中,把基础参数表用Hashtable或是Dictionary...缓存起来,然后通过DataTable参数字段进行替换。...场景二 新增一个Product记录,用户会通过输入代码快速检索到对应名称,然后进行提交。前台提交名称,后台保存是代码。...实现方式3 采用asp.net ajax controlToolikt自带autocomplete控件实现,如果要实现key,value同时返回需要编写一代码 后台代码 [WebMethod]

    81220

    datatables应用程序接口API

    后者返回是jQuery实例(如果是这个方式初始化Datatables,那么返回对象不能使用api方法,不然会报方法未定义) 核心(Core) 名称 说明 ajax.reload()API 重新加载数据源获取数据...(不能指定新数据源) ajax.url().load()API 设置新url数据源重新加载数据 ajax.url()API 设置新url数据源 draw()API 重绘表格 $()API 在整个表格里执行...(完成)一个 jQuery 选择器操作 ajax.json()API 获得最终json数据 ajax.params()API 获取最后一次Ajax请求提交参数 ajaxAPI ajax方法命名空间...cells()DT 从表格中选择多个单元格 列(Columns) 名称 说明 column().cache()DT 从缓存数据里获取选中列 column().data()DT 获取选中列单元格...检测子行是否显示 row().child.remove()DT 移除子行 row().child.show()DT 显示子行 row().childDT 子行方法命名空间 row().data()DT

    4.4K30

    RPA与Excel(DataTable)

    DataTable中选择符合条件行,形成DataRow数组 Select_Result_1 = px_Data.Select("产品属性='" + Prow.Item("产品属性").ToString.Trim...选定活动单元格周围的当前区域:Ctrl+Shift+*(星号) 选定包含活动单元格数组:Ctrl+/ 选定含有批注所有单元格:Ctrl+Shift+O(字母O) 在选定行中,选取与活动单元格中匹配单元格...:Ctrl+\ 在选定列中,选取与活动单元格中匹配单元格:Ctrl+Shift+| 选取由选定区域中公式直接引用所有单元格:Ctrl+[(左方括号) 选取由选定区域中公式直接或间接引用所有单元格...:Ctrl+Shift+Enter 取消单元格或编辑栏中输入:Esc 在公式中,显示“插入函数”对话框:Shift+F3 当插入位于公式中公式名称右侧时,弹出“函数参数”对话框:Ctrl+A 当插入位于公式中函数名称右侧时...:向左键或向右键 在字段内选定左边一个字符:Shift+向左键 在字段内选定右边一个字符:Shift+向右键 18.筛选区域(“数据”菜单上“自动筛选”命令) 在包含下拉箭头单元格中,显示当前列

    5.7K20

    ASP.Net开发基础温故知新学习笔记

    一、一般处理程序基础   (1)表单提交注意:     ①GET通过URL,POST通过报文体;     ②需在HTML中为表单元素设置name;     ③元素id是给Dom用,name才是提交给服务器用...①浏览器发出访问请求→②服务器处理访问请求并返回HTML→③浏览器解析HTML并显示页面   (3)GET与POST区别:(★★★→重点)     ①GET通过URL传,而POST通过HTTP报文;...JQuery代码$.ajax$时把$当做NVelocity中特殊符号,应对方法是使用jQuery.ajax代替$.ajax;       如果要将DataTable传递给NVelocity时仅传递...①浏览器HTML中使用JavaScript创建XMLHttpRequest → ②服务器端获取请求进行处理并返回符合AJAX风格数据(例如Json) → ③浏览器JavaScript解析服务器返回数据并局部显示或更改信息...  (4)AJAX核心对象:JavaScript对象XMLHttpRequest XmlHttpRequest使我们可以使用JavaScript向服务器提出请求并处理响应,而阻塞用户。

    2.2K10

    GridView数据库分页+自定义分页导航(一):数据库分页

    选择BounField【添加】在邮编DataField(查询出来数据表里字段名),HeaderText(页面显示名称) 这里不要勾选【自动生成字段】 ?...操作这一列,是空,用来放我们控件按钮,所以选择TemplateField,然后添加表头名,主要,最后要把【自动生成字段勾去掉,才能让模板呈现我们想要列。 ?...操作完后样子: ? 然后我们在操作里添加【编辑】【删除】按钮。 ? ? ? 在这里我们拖拉或双击【Button】控件,要两个,一个编辑,一个删除。添加事件。...然后选择【编辑】按钮,到右下角找他属性CommandName,改为Edit,通用【删除】按钮也是,改为Delete,这是固定,同时还有其他,比如Cancel(取消),Update(更新)等,固定...EditItemTemplate里东西,只有在GridView处于编辑状态下才会显示。 结束编辑模板后: ?

    1.6K20
    领券