vue 单元格下拉框引入jQueryui

JoestarXu

想让单元格加下拉框功能，如下图，
import $ from. "jquery"
import 'jquery-ui'
引入jqueryui后还是报错，应该引入哪个文件

JoestarXu · JoestarXu

Dtttax 发表于 2023-5-23 09:48
1.13.2其实也可以，是代码有一个样式z-index 引起的。另外有个问题，AutocompleteCellType下拉有没有key va ...

您好，因为这一块是用jQuery-ui去实现的，我们这边也没有现成的Demo能满足您的需求。

不过我在网上找了一下，我找到一个相关的Demo，我将链接发给您看能否满足您的需求，如果最后您的需求满足，也欢迎您将您的解决方案分享出来，这边能给你送上金币奖励。

请参考：https://jqueryui.com/autocomplete/#custom-data

image.png42357481.png

JoestarXu · JoestarXu

您的jQuery和jQueryUi的版本都需要和官网Demo中的版本一致才可以，最新版本的jQueryUI可能已经没有autoComplete这个方法了。

Dtttax · Dtttax

具体需要哪个版本，我把install生成的js放到demo里html就可以但是vue里就不行

JoestarXu · JoestarXu

根据Demo中的版本：

image.png629686584.png

jQuery请用2.2.4版本；

jQueryUI请用1.9.1版本；

Dtttax · Dtttax

引用了依赖
package.json.
"jquery": "^2.2.4",
"jquery-datepicker": "^1.12.3",
"jquery-ui": "^1.9.1",
"jquery-ui-dist": "^1.9.1",

import $ from "jquery";
import 'jquery-ui';
import 'jquery-ui-dist/jquery-ui'
install后生成的版本始终为1.13.2
/*! jQuery UI - v1.13.2 - 2022-07-14

但是始终没有下拉选项。

image.png253965148.png

JoestarXu · JoestarXu

您好，

在package.json文件中，^符号通常用于指定允许安装的包的版本范围。具体来说，当在dependencies或devDependencies对象中使用此符号时，它表示安装指定包的最新次要版本或补丁版本，但不更新主版本号。例如，"^2.3.1"将允许安装任何2.x.x版本，但是不会安装3.x.x版本。

jQuery-ui在npm上的版本最新为1.13.2，最低版本为1.10.4，您在jQuery-ui的版本上使用了^，所以安装的实际上是1.13.2，这与我们实际要求的1.9.1版本不一致，所以是版本不一致导致的问题，请重新下载指定版本的jQuery-ui包并引入，即可解决问题。

Dtttax · Dtttax

1.13.2其实也可以，是代码有一个样式z-index 引起的。另外有个问题，AutocompleteCellType下拉有没有key value的方式。有没有像onchange这样的事件。

Dtttax · Dtttax

找到方法了。加一个select就可以了，如果想不给单元格赋值是在editend里面修改吗。

JoestarXu · JoestarXu

Dtttax 发表于 2023-5-23 15:51
找到方法了。加一个select就可以了，如果想不给单元格赋值是在editend里面修改吗。

您好，请问editEnd是什么方法啊？是说editEnded这个事件吗？

image.png282636718.png

		自动登录	找回密码
密码			立即注册

[已处理] vue 单元格下拉框引入jQueryui

最佳答案

11 个回复