如何实现jqgrid拖动表格时,原拖动位置显示虚线
时间: 2024-04-14 19:26:35 浏览: 111
VB6运行时控件移动 右下角拖动大小 有虚线框显示
5星 · 资源好评率100%
要实现 jqGrid 表格拖动时显示虚线,可以使用以下步骤:
1. 首先,确保你已经引入了 jQuery UI 库,因为 jqGrid 使用了其中的拖放功能。
2. 在 jqGrid 初始化的代码中,添加 `sortable: true` 属性来启用表格的拖动排序功能。
```javascript
$("#grid").jqGrid({
// 其他配置项...
sortable: true,
// 其他配置项...
});
```
3. 添加以下 CSS 样式来显示虚线效果:
```css
.ui-sortable-helper {
border: 1px dashed #999;
}
```
这将为拖动时的辅助元素添加一个虚线边框。
4. 如果你想自定义虚线边框的样式,可以根据需要修改 `.ui-sortable-helper` 的样式。
完成上述步骤后,当你拖动 jqGrid 表格时,原位置将会显示虚线边框。注意,这个效果是使用 jQuery UI 提供的拖放功能来实现的。
阅读全文