如何解决网格堆栈禁用选定元素上的拖动
widget = {
x: widgetData.XPosition,y: widgetData.YPosition,w: widgetData.Width,h: widgetData.Height,id: widgetData.Id,content: '<div >div1</div><div>div 2</div>'
};
grid.addWidget(widget);
我正在添加一个像上面一样的小部件,但是,我想在 div 2 上禁用拖动,并在 div 上启用它,了解如何实现这一点,任何帮助将不胜感激。
我正在使用以下选项设置网格
var options = { // put in gridstack options here
disableOneColumnMode: true,acceptWidgets: true,// for jfiddle small window size
float: false,autoposition: true
};
grid = GridStack.init(options);
解决方法
widget = {
x: widgetData.XPosition,y: widgetData.YPosition,w: widgetData.Width,h: widgetData.Height,id: widgetData.Id,content: '<div class="someFancyClass">div1</div><div>div 2</div>'
};
grid.addWidget(widget);
var options = { // put in gridstack options here
disableOneColumnMode: true,acceptWidgets: true,// for jfiddle small window size
float: false,autoPosition: true,draggable: {
handle: '.someFancyClass',scroll: false,appendTo: 'body'
}
};
grid = GridStack.init(options);
这是通过以上述方式设置网格来解决的
,试试这个,你需要在初始化你的小部件时设置“noMove”属性。这是根据文档 https://github.com/gridstack/gridstack.js/tree/master/doc#item-options
widget = {
x: widgetData.XPosition,noMove: true,content: '<div >div1</div><div>div 2</div>'
};
grid.addWidget(widget);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。