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

DHTMLX dataProcessor不选择dropdown的选项值(它选择标签),当行更新但下拉列未编辑时

DHTMLX dataProcessor是一个用于处理数据的JavaScript库,它提供了一种方便的方式来实现前端数据与后端数据的交互。在使用dataProcessor时,我们可以通过设置相关的配置选项来满足不同的需求。

在你提到的情况中,dataProcessor似乎选择了下拉列表项的标签值而不是选项值,这可能是由于dataProcessor默认情况下是基于HTML表单的数据提交方式。在HTML表单中,下拉列表的选项值被包含在选项标签中。

为了解决这个问题,你可以通过两种方式来处理。首先,你可以使用JavaScript代码来获取下拉列表的选中值,然后将其设置为相应的字段值。其次,你可以使用DHTMLX dataProcessor提供的自定义处理函数来对下拉列表的值进行自定义处理。

以下是一个示例代码,演示了如何使用dataProcessor来处理下拉列表的值:

代码语言:txt
复制
// 创建dataProcessor实例
var dp = new dataProcessor("dataProcessor.php");

// 设置自定义处理函数
dp.setTransactionMode("POST", true); // 采用POST方式提交数据
dp.setUpdateMode("off"); // 关闭自动更新

dp.defineAction("dropdown_value", function(data, response){
  var rowId = data.getSync(response);
  var newValue = data.getSync(response + "::newValue"); // 获取新值
  var columnName = data.getSync(response + "::columnName"); // 获取列名

  // 在此处添加处理下拉列表值的代码
  // 可以使用newValue来更新下拉列表的选中值

  dp.setUpdated(rowId, true); // 标记行为已更新
});

// 设置dataProcessor的列配置
dp.setColTypes("ed,coro,ed"); // 列类型为文本输入框、下拉列表、文本输入框
dp.setColSorting("str,str,str"); // 列排序方式为字符串类型
dp.setColAlign("left,left,left"); // 列对齐方式为左对齐
dp.setColumnIds("column1,column2,column3"); // 设置列的ID
dp.enableDataNames(true); // 启用列名

// 初始化grid
var grid = new dhtmlXGridObject("grid");
grid.setImagePath("codebase/imgs/");
grid.setHeader("Column 1,Column 2,Column 3");
grid.setInitWidths("100,150,100");
grid.setColTypes("ed,coro,ed");
grid.setColSorting("str,str,str");
grid.setColAlign("left,left,left");
grid.setColumnIds("column1,column2,column3");
grid.init();

// 绑定dataProcessor到grid
dp.init(grid);

// 设置下拉列表的选项值
var dropdownOptions = [
  ["option1", "Option 1"],
  ["option2", "Option 2"],
  ["option3", "Option 3"]
];
grid.getCombo(1).put(dropdownOptions);

// 在下拉列表中选中一个选项
grid.cells(rowId, 1).setValue("option2");

// 将变更提交给服务器
dp.sendData();

在上述示例中,我们创建了一个自定义的处理函数"dropdown_value",当dataProcessor触发更新事件时,该函数会被调用。我们通过获取新值和列名来处理下拉列表的值,并将其更新到相应的单元格。

此外,我们还设置了grid对象的下拉列表选项值,并在代码中将下拉列表的选中值设置为"option2"。最后,我们调用dp.sendData()将变更提交给服务器。

关于DHTMLX dataProcessor和相关产品的更多信息,请参考腾讯云的官方文档:

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

相关·内容

在Gradio实现两个下拉框进行联动案例解读:changeclickinput实践(三)

: 一级下拉框,有一些选项选择某一个,则会在二级下拉框显示该选项下还有哪些选项 二级下拉框,一级下拉框选中后显示 刷新功能,一级下拉+二级下拉 system prompt,是二级下拉框子项对应内容...【一级下拉】 # 输出:更新【二级下拉选项 templateSelectDropdown # 触发方式: input当用户更改组件触发 return...:input方法是一个监听器,当用户更改组件触发 change:change方法用于在组件发生变化时触发事件,无论是因为用户输入(例如用户在文本框中输入)还是函数更新(例如图像从事件触发输出接收到...) blur方法 (本案例中使用) blur方法是Dropdown模块一个监听器方法,组件失去焦点(例如用户在文本框外单击)触发。...select方法(本案例中使用) select方法是Dropdown模块一个事件监听器,当用户选择下拉菜单选项触发。该方法使用gradio.SelectData事件数据传递选项标签和索引。

2.3K20

AngularDart Material Design 选择

itemRenderer (dynamic) → String  将项目呈现为String函数。 如果提供,则不生成标签标签仍可作为内容传递)。...material-dropdown-select组件结合了material-select和material-button-downAPI。 与单个选择模型一起使用时,下拉选择关闭。...使用labelFactory而不是允许更好树可抖动代码。 listAutoFocus bool  弹出窗口打开是否默认聚焦选项列表。...弹出窗口中另一个元素专注于打开,应设置为false,例如一个搜索框。 options SelectionOptions  用于此选择模型选项。...组件本身没有弹出窗口,但可用于构建提供下拉列表。 对具有相同按钮样式组件使用material-dropdown-select,并实现下拉列表本身。

6K20
  • 【愚公系列】2023年11月 Winform控件专题 ComboBox控件详解

    步骤2:在ComboBox属性窗口中设置以下属性:Items:指定ComboBox中要显示选项列表。SelectedIndex:指定ComboBox选择索引。默认为-1,表示选择任何选项。...DropDownWidth属性使用场景包括,ComboBox控件中选项文本比ComboBox控件宽度宽,可以使用DropDownWidth属性调整下拉列表宽度,以便更好地查看和选择选项。...DropDownStyle属性是ComboBox控件枚举类型,可选择有三种:DropDown:这是默认,此时ComboBox控件下拉列表以展开形式显示,用户可以手动点击下拉列表选择要显示选项...DropDownList:此时ComboBox控件下拉列表以展开形式显示,但是用户不能输入或编辑下拉列表中选项内容,只能从中选择一个选项。...ComboBox控件选项数量较多时,可以使用DropDownStyle为DropDown,使得用户可以滚动下拉列表,以便更好查找和选择

    1.9K12

    VBA专题10-25:使用VBA操控Excel界面之一个示例程序

    打开工作簿, 1.1 激活特定工作表(名为Sample)。 1.2 开始3被冻洁。 1.3一个特定50)向上滚动并成为解冻窗格顶部。...当用户从Custom选项下拉控件中选择不同项目, 2.1 仅相应地显示选项卡中某组控件(AllGroups,Group1,Group2,Group3,Groups 1 and 2,Groups...2.3 如果选择了指定项目(例如Group2),那么激活指定工作表(名为Sheet2),并对其外观作出下面的改变: 2.3.1 在页面布局视图中显示工作表 2.3.2 隐藏标题 2.3.3 删除工作表中网格线...如果取消选取(或选取)指定内置复选框(例如,在“视图”选项卡中编辑栏”复选框),那么禁用(或启用)自定义控件(例如,在“视图”选项卡中G5B1按钮)。 5....() As String '下拉标签 Dim ItemLabels(0 To 6) AsString '存储可见组名 Dim VisGrpNm1 As String '从下拉项中选择某项 Dim

    2.3K10

    【Java 进阶篇】深入了解 Bootstrap 表格和菜单

    表格是用于展示和组织数据常见元素,它们通常由组成,每个单元格中包含信息。Bootstrap 提供了一系列表格样式,使表格看起来漂亮、一致且易于阅读。...这个基本表格结构可以根据需要进行扩展和自定义。您可以添加更多和数据以展示各种信息。 不同样式表格 Bootstrap 提供了多种不同样式表格,以满足不同设计需求。...浏览器窗口缩小到一定尺寸,导航栏会自动折叠,以适应小屏幕设备。 不同样式导航栏 Bootstrap 提供了多种不同样式导航栏,以适应不同设计风格。...-- 导航栏内容 --> 这些样式可以根据您设计需求来选择,以使导航栏与您网站或应用程序一致。 下拉菜单 下拉菜单是导航栏中常见交互元素,它们允许用户访问更多选项。...用户可以点击 “下拉菜单” 链接以显示下拉选项标签标签页是一种常见导航元素,用于切换不同页面或内容。Bootstrap 提供了标签页组件,使您可以轻松创建标签页导航。

    25730

    AngularDart Material Design 下拉列表 顶

    material-dropdown-select组件结合了material-select和material-button-downAPI。 与单个选择模型一起使用时,下拉选择关闭。...使用多选模型,用户必须通过单击其外部来关闭下拉列表。 可以通过传递material-select-item元素手动声明选择选项。...buttonAriaLabelledBy String  在下拉按钮中描述选择元素id。 例如,对于带有数字选项下拉列表,显示“每页结果”文本元素。...使用labelFactory而不是允许更好树可抖动代码。 listAutoFocus bool  弹出窗口打开是否默认聚焦选项列表。...弹出窗口中另一个元素专注于打开,应设置为false,例如一个搜索框。 options SelectionOptions  用于此选择模型选项

    5.1K20

    独家 | 手把手教数据可视化工具Tableau

    现在,视图将包含一个连续轴(而不是标题),并且字段背景将变为绿色: 如果要将维度设为连续(在首先将其转换为度量情况下),则您选项有限。...您将字段从“度量”区域拖到“”或“默认情况下将是连续,并且 Tableau 将创建轴;将字段从“数据”窗格“维度”区域拖到“”或“默认情况下将是离散,并且 Tableau...尽管连续轴上有标签(下图中 0、0.5、... 3.0),实际标记不必像与标题对齐一样与这些标签对齐。...您将离散字段放在“”或“”上,Tableau 会创建标题,离散字段单独将成为标题。(由于绝不会对此类进行聚合,所以在您处理视图不会创建新字段,因此就不需要轴。)...我们之所以知道该字段是连续,原因就在于该轴,并且背景为绿色;而我们之所以知道该字段是维度,原因在于聚合。

    18.9K71

    【Java 进阶篇】深入了解 Bootstrap 组件

    这个基本表格结构可以根据需要进行扩展和自定义。您可以添加更多和数据以展示各种信息。 不同样式表格 Bootstrap 提供了多种不同样式表格,以满足不同设计需求。...table-hover:鼠标悬停高亮显示表格。 table-responsive:创建响应式表格,以适应小屏幕设备。...浏览器窗口缩小到一定尺寸,导航栏会自动折叠,以适应小屏幕设备。 不同样式导航栏 Bootstrap 提供了多种不同样式导航栏,以满足不同设计风格。...-- 导航栏内容 --> 这些样式可以根据您设计需求来选择,以使导航栏与您网站或应用程序一致。 下拉菜单 下拉菜单是导航栏中常见交互元素,它们允许用户访问更多选项。...用户可以点击 “下拉菜单” 链接以显示下拉选项标签标签页是一种常见导航元素,用于切换不同页面或内容。Bootstrap 提供了标签页组件,使您可以轻松创建标签页导航。

    20420

    Selenium处理下拉列表

    在执行Selenium自动浏览器测试,很多时候需要处理下拉菜单。下拉菜单通常用于表单中,在节省空间和防止用户在表单中选择错误选项非常有用。...正常下拉菜单 自定义下拉菜单 正常下拉菜单是我们在Selenium中处理访问表单时经常遇到下拉菜单。识别正常下拉菜单很容易,只需在浏览器中打开element标签,然后查看该下拉HTML标签即可。...在正常下拉菜单中使用给定HTML示例,您可以使用以下使用ID选择语法查找下拉菜单对象。 Const drp = $("#dropdown"); 下拉菜单有两个选项。...单下拉 多值下拉 访问单个或多个下拉菜单没有区别,只是多个下拉菜单允许用户从下拉选项选择多个。 WebDriverIO在下拉菜单上提供以下操作。...多值下拉 如果您看到标签具有multiple="true"属性,则此下拉列表具有选择多个选项功能。您使多个下拉列表自动化时,必须多次调用上述方法。

    6.1K20

    TDesign 更新周报(2022年11月第2周)

    ,待创建选项显示样式问题优化键盘事件逻辑ConfigProvider: 修复 t-config-provider 直接包裹 router-view 标签控制台报错问题 @LoopZhou (#1753...(#1968)元素判空 @chaishi (#1969)Calendar: 修复了年份选择下拉框刷新问题 @PsTiu (#1972)修复日历组件 cellAppend 属性作为 Function...参数错误问题 @PsTiu (#1972)Table: 禁用resizable,表格默认使用用户定义宽 @ZTao-z (#1935)TimePicker: 修复12小制时分列首位异常...resizable,基础表格表头默认使用用户定义宽 @ZTao-z (#1662)Dropdown: 修复Children变化时没有重新渲染异常 @uyarn (#1673)Select: 修复选项文案过程内容正确显示问题...@uyarn (#1676)修复可过滤选择器选中项目失去焦点选中失败问题 @HQ-Lin (#1675)InputNumber: 修复最小为0仍可点击减号至-1问题 @lilonghe @uyarn

    1.5K20

    BootStrap应用开发学习入门1

    下拉菜单 #Bootstrap .class 样式解释 .dropdown 指定下拉菜单都包裹在div标签或者ul标签下 .dropup 指定向上弹出下拉菜单 .dropdown-menu 创建下拉菜单...-- 并将其为所有读取元素id , ul获取到焦点,屏幕阅读器是会读:“下拉菜单” --> <ul class="<em>dropdown</em>-menu" role="menubar" aria-labelledby...注意事项:没有新,通过 CSS :empty 选择器,徽章会折叠起来,表示里边没有内容。 基础示例: <!...: '.navbar-example' }) 属性和方法: 选项名称 类型/默认 Data 属性名称 描述 offset number 默认:10 data-offset 计算滚动位置,距离顶部偏移像素....affix-bottom #指示元素在最底端位置, 如果定义了底部偏移滚动到达该位置,应把 .affix 替换为 .affix-bottom #选项 offset number | function

    44.8K21

    Windows桌面软件开发-Win桌面客户端开发神器 第二课

    常用Winform控件 昨天讲解了进行登录程序开发,如下图: ? 主要使用了三个控件:分别是Button(按钮)、TextBox(文本框)、Label(文本标签) ?...CheckBox(复选框) 设置复选框状态: 更改复选框属性,Checked:True表示选中,False表示选中: 显示文本当然老办法: ? ?...ComboBox(下拉选择框): 添加下拉选项: 【属性】---Items 点击设置: 一表示一项写到里面: ? 此时运行效果如图: ? 此时下拉框是可以编辑。 ?...DropDown DropDownList(这个与DropDown最大区别在于,不可进行编辑,所以有时候,这个模式常用) ? ?...每日更新原创IT编程技术及日常实用技术文章。 我们目标是:玩得转服务器Web开发,搞得懂移动端,电脑客户端更是不在话下。 END.

    9.5K41

    BootStrap应用开发学习入门1

    下拉菜单 #Bootstrap .class 样式解释 .dropdown 指定下拉菜单都包裹在div标签或者ul标签下 .dropup 指定向上弹出下拉菜单 .dropdown-menu 创建下拉菜单...-- 并将其为所有读取元素id , ul获取到焦点,屏幕阅读器是会读:“下拉菜单” --> <ul class="<em>dropdown</em>-menu" role="menubar" aria-labelledby...注意事项:没有新,通过 CSS :empty 选择器,徽章会折叠起来,表示里边没有内容。 基础示例: <!...: '.navbar-example' }) 属性和方法: 选项名称 类型/默认 Data 属性名称 描述 offset number 默认:10 data-offset 计算滚动位置,距离顶部偏移像素....affix-bottom #指示元素在最底端位置, 如果定义了底部偏移滚动到达该位置,应把 .affix 替换为 .affix-bottom #选项 offset number | function

    44.3K30

    使用管理门户SQL接口(一)

    从“常规”选项卡中,从下拉列表中选择“启动命名”空间。单击“保存”。如果选择启动命名空间,则会默认为%SYS.。...同一个用户激活管理门户,将显示该用户先前设置。 重新启动InterSystems IRIS返回所有选项为默认。没有自定义名称空间选择恢复到用户定义启动名称空间。...标签键已禁用;将代码复制到SQL代码区域,现有选项卡将转换为单个空格。线返回和保留多个空格。注释。 SQL代码区域支持单行和多行注释。在Show历史显示中保留并显示注释。...执行查询选项SQL执行界面具有以下选项:具有SELECT选择模式下拉列表”指定查询应用于提供数据(例如,在WHERE子句中)格式,并在查询结果集中显示数据。...选项是显示模式(默认),ODBC模式和逻辑模式。具有插入或更新选择模式下拉列表允许指定输入数据是否将从显示格式转换为逻辑存储格式。对于此数据转换,必须使用选择运行时选择模式编译SQL代码。

    8.3K10

    vue3 实现 select 下拉选项

    效果展示 好了, 话不多说先给大佬们看看效果样式: 组件难点 因为下拉框可能会在某些情况下被挡住, 所以这里下拉框被挂载到了body标签上, 并且下拉框中选项往往是以插槽形式编写,..., 必须含有插槽 #selectDropDown 才能正常使用 Attribute Description Accepted Values Default selected 默认选中,如果填或为空则默认选中插槽中第一个...tk-select-item 中 - - tk-select-item 为select下选项标签(选项标签), tk-select-item 内可以继续写入其他 HTML 内容, 每项具体由...v-modal 实时获取到 下拉选项 选取到 注意: 这里 v-modal 并没有做成双向绑定, 这里只用于获取到 select 中选中, 只能用于获取, 主动修改其并无效果, 并且不支持...我们像页面添加第一个下拉选项非常完美,但是如果页面上有两个select存在问题来了. 我们发现控制其中一个选项被选中是, 另外一个select显示也随之改变.

    4.6K10

    TDesign 更新周报(2022年10月第1周)

    ) @Lmmmmmm-bb (#1797)修复多选状态下点击选项直接关闭面板问题 @uyarn (#1812)Swiper: 修复卡片模式,切换空白问题(issue #1763) @btea (#1796...#1553)添加参数 response 到事件 onSuccess,单文件是对象,多文件是数组,tdesign-vue-next#1774 @chaishi (#1558)Card: 修复shadow API生效问题...@Flower-F (#1555)Select: 修复新创建条目与已有项重复重复显示问题 @samhou1988 (#1550)TreeSelect: 修复 filterable ,点击 treeselect...,column.title 无效问题,issue#1372 @chaishi (#1566)过滤功能,list.value 为 number 无法高亮过滤图标问题 @chaishi (#1566)...选中功能,数据变化时,选中数据依旧是变化前数据,#1722 @chaishi (#1566)不提供expandedRowKeys绑定会报错 ,缺少判空,#1704 @chaishi (#1566

    1.5K20

    TDesign 更新周报(2022年9月第2周)

    #1632) @ojhaywood (#1633)Table: 优化宽调整策略 @ZTao-z (#1649)TimePicker: 修复往前点击时间滚动异常问题 @uyarn (#1657)watermark... @chaishi (#1461) Bug FixesTreeSelect: 修复 data 异步更新,input 没有及时更新问题 @HelKyle (#1481)Dropdown:优化dropdown...,返回从数组改成选项 @LeeJim (#846) FeaturesSlider: 属性 marks 支持动态响应 @LeeJim (#853) Bug FixesTabBar: 修复子选项激活...,父选项展示激活问题 @LeeJim (#846)Slider: 修复 disabled 状态下点击报错问题 @LeeJim (#853) OthersTabBar: 新增单元测试 @LeeJim...paiakarit @uyarn in Tencent/tdesign-vue-next-starter#301 Tencent/tdesign-vue-next-starter#305 Bug Fixes解决打开多个标签

    1.6K30

    TDesign 更新周报(2022年10月第2周)

    增强型表格,支持配置,支持传 displayColumns 默认显示全部,issue#1784Card: Card 样式调整 @yilaierwang (#1631) (common#901)...,issue#1452修复配置吸底滚动条,margin-top 造成遮挡到问题,issue#1585 @LoopZhou (#1633)ImageViewer: 修复 zIndex 默认过低问题...)Upload: 只有多个上传请求同时触发才需触发 onOneFileFail 回调 @xixileng (#1652)Input: 修复初始化或者赋值,format 生效问题 @LoopZhou...@skytt (#1847)Tag: 样式优化,实现 light-outline 风格 @HelKyle (#1859)Table: 增强型表格,支持配置,支持传 displayColumns 默认显示全部...item 传 value 无法自动生成备用问题 @LeeJim (#914)详情见:https://github.com/Tencent/tdesign-miniprogram/releases

    1.1K20

    最受欢迎AI数据工具Plotly Dash简介

    在创建 app.py 文件并运行之后,最终我得到了一个响应: 因此,查看本地地址上声明本地站点,我看到了: 请注意,“加拿大”是下拉菜单中默认选择,如果我选择另一个国家,图表会立即更改。...这意味着我们可以看到 x 轴和 y 轴标签指的是什么。我们还可以看到我们可以选择绘制其他数据。 让我们 分析 代码,直到我们弄清楚其余部分。...由于只提到了一个方法 update_graph,并且我们在代码中没有使用它,因此显然被 graph 组件用来更新图表。这只是从下拉菜单中获取国家/地区。...因此,当我们更改国家/地区,图表将重建,csv 每一都将输入到 update_graph 方法中;在这种情况下,从一个点到另一个点画一条线。 让我们来试验一下。...然而,感觉并不完全标准化,因此您需要阅读您想要尝试每个组件说明。但我建议您在下次想要展示一些数据尝试一下。

    10210

    TDesign 更新周报(2022年8月第1周)

    ,表尾显示不同步问题拖动后,选择导致拖动后距离被重置Datepicker: 修复单独配置 clearable 失效问题TreeSelect: 修复输入项过长,操作区域图标被遮挡问题Cascader...使用 esm 包修改 less token 业务需要注意,存在兼容更新。...Select: 修复过滤输入为空显示全部选项问题Dropdown: 修复 className 继承问题Tree: 修复更改 data 数据后展开状态丢失问题详情见:https://github.com...Avatar: 头像组样式内置进组件内,存在兼容更新。...Button: 修复 loading 无效问题DropdownMenu: 修复树形选择,点击单选仍自动关闭问题DropdownMenu: 修复 closeOnClickOverlay 生效问题

    3.5K10
    领券