dhtmlx 页面显示有数据 fmdv.ui['ui-id-30'].data.rows.length 获取到的是0
时间: 2024-05-20 19:10:06 浏览: 16
根据您提供的信息,可能存在以下几种可能性:
1. 数据加载有延迟,可能需要等待数据加载完毕后再获取rows的长度。
2. 可能存在数据加载失败或数据缺失的情况,需要检查数据来源及数据格式是否正确。
3. 可能存在代码逻辑上的错误,需要检查代码是否正确实现数据的加载和处理操作。
建议您先检查数据获取的相关代码是否正确,并进行适当的调试和排错操作,如果问题依然存在,可以提供更详细的代码和数据信息,以便更好地帮助您解决问题。
相关问题
dhtmlx-gantt使用gantt.attachEvent("onMouseMove",只想给右侧甘特图生效 不给左侧列表生效处理
您可以使用gantt.attachEvent("onMouseMove", ...)来为右侧甘特图添加事件处理程序,而不影响左侧列表。具体操作如下:
1. 首先,在引入dhtmlxGantt库之后,您可以使用以下代码为右侧甘特图添加事件处理程序:
```javascript
gantt.attachEvent("onMouseMove", function (id, e) {
// 在此处添加您的代码,处理鼠标移动事件
});
```
2. 确保上述代码仅在右侧甘特图生效,您可以在事件处理程序中添加一些条件判断语句,比如判断鼠标事件的位置,只在右侧甘特图范围内执行相应的操作。例如:
```javascript
gantt.attachEvent("onMouseMove", function (id, e) {
if (e.clientX > gantt.config.grid_width) {
// 在这里处理只针对右侧甘特图的操作
}
});
```
通过使用上述代码,您可以确保gantt.attachEvent("onMouseMove", ...)只针对右侧甘特图生效,而不会影响左侧列表。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [dhtmlxGantt.doc](https://download.csdn.net/download/sinat_35053659/11978427)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [Dhtmlx Gantt 常用方法及基本配置合集](https://blog.csdn.net/weixin_46221897/article/details/124723338)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
vue dhtmlxgantt gantt.config.columnResize = true 如何使用
在 Vue 中使用 dhtmlxgantt,可以通过以下步骤实现 `gantt.config.columnResize = true`:
1. 在 Vue 项目中安装 dhtmlxgantt:
```
npm install dhtmlxgantt --save
```
2. 在 Vue 组件中引入 dhtmlxgantt:
```
import "dhtmlxgantt";
```
3. 在 Vue 组件的 `mounted` 钩子函数中初始化 gantt:
```
mounted() {
gantt.init(this.$refs.ganttContainer);
}
```
4. 在初始化 gantt 后,设置 `columnResize` 属性为 `true`:
```
mounted() {
gantt.init(this.$refs.ganttContainer);
gantt.config.columnResize = true;
}
```
这样就可以启用 gantt 列的调整大小功能了。注意,如果希望在列调整大小时触发回调函数,可以设置 `onColumnResize` 属性,例如:
```
gantt.config.onColumnResize = function (index, width, element) {
console.log("Column " + index + " resized to width " + width);
};
```
当用户调整列宽度时,将会触发该回调函数,并输出调整后的列索引和宽度。
相关推荐
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)