我怎样才能使MatDialog成为可拖动的/Angular Material
是否可以制作一个角度材料对话框? 我安装了Angular2-Draggabable,当然可以在所有其他元素上使用该功能. 但是,由于对话框是动态创建的,所以我无法在特殊元素上使用ngdraggggggggg,或者可以使用模板变量. 解决方案 更新自角材料7 您可以简单地使用 cdkdrag @angular/cdk/drag-drop> 的指令 dialog.html Hi {{data.name}} 上一个答案: 由于没有官方解决方案,我将编写将在对话框标题上应用的自定义指令,并为我们做所有工作: dialog.html @Component({ selector: 'app-simple-dialog', templa
0 2024-02-20
编程技术问答社区
在安卓系统中,如何使TextView在LinearLayout中的拖动平稳?
我的情况无法解决,希望我会从您那里得到一些建议. 情况很简单:我有一个线性延迟,其中我有一个带有多行文本的文本视图.用户能够将文本视图拖动,直到找到自己喜欢的位置为止.真正重要的是,文本视图可以部分地脱离线性层(它将显示). 这是一些代码示例:
4 2024-02-16
编程技术问答社区
在Advancedrecyclerview库中使用Draggable Gridview时,在GridView Drag and Drop中获得不适当的位置
我正在使用我在这里提出了完整的解释,并在图书馆中添加了整个问题: 是否有其他简单的方法可以通过拖放它们而不使用任何库来移动网格,或者是否有其他可用的库可以提供方便的方法来执行此操作?如果可能的话,请在不使用任何库的情况下给我解决方案. 解决方案 现在解决了此问题,他们已经更新了代码并添加了新方法来支持我建议的功能,并且将在下一个版本中添加 this 库.到目前为止,您可以通过Jitpack使用此分支来使用此功能,并且该功能将很快在库中添加. repositories { maven { url "https://jitpack.io" } } dependencies { compile 'com.github.h6ah4i:android-advancedrecyclerview:c9763e000fa8e80e6410f4a9d500e21b0e58a7e5' } 您可以在完整的说明中看到在这里P>
0 2024-02-15
编程技术问答社区
OnTouch MotionEvent动作移动未触发
我正在尝试在拖动按钮时获得x,y坐标,但是由于某种原因,触摸侦听器上附加的代码仅触发两次,而不是在拖动时恒定更新,即使有Trothing,我也会满足我的满足为了提高性能,但正如我所说,onTouch方法刚刚触发,然后再一次. 这是我的代码: final Button dragBtn = (Button) findViewById(R.id.MyTestButton); dragBtn.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent me) { // TODO Auto-generated method stub ClipData data = ClipData.newPlainText("", ""); View.DragShadowBuilder
0 2024-02-12
编程技术问答社区
将拖动限制在物体的局部轴线上
当沿本地轴拖动对象时,我正在尝试实现与3D建模程序非常相似的事情.主要区别是,您不会在屏幕周围移动光标,而是自由移动相机,并且光标始终位于屏幕的中间.有点像第一人称游戏. 想象一下,将相机指向下面立方体的表面,标有蓝色十字架(光标).您按下并按住鼠标"抓住"立方体.立方体的拖动现在应限制为用大红色箭头表示的轴. 例如,您可以将相机向左移动并将其转动到右侧,如第二张图像所示.在这种情况下,应将立方体移至线框架立方体的位置.该立方体的单个固体脸与您最初抓住的相同.在这里,移动转动相机向上/向下移动(沿蓝线移动光标)应对立方体的新位置没有影响. 我很难弄清楚这背后的数学.我知道立方体的开始位置和旋转.我始终都知道相机的位置和旋转.我可以确定被抓住的脸和正常的脸. 我正在考虑找到与被抓住的脸平行的平面,并且它与红色箭头和光标的相交彼此最接近,但这似乎并不正确. 我还试图以某种方式将光标投射到红色箭头上,基本上消除了沿蓝线的任何动作,但我不确定如何. 解决方案
2 2024-01-23
编程技术问答社区
如何从一个.ajax GET的结果中添加可拖动的列表项?
我希望能够根据购物车示例 http://jqueryui.com/demos/droppable/#shopping-cart-cart-cart . 我已经尝试了许多附加的变体等.将它们纳入列表,所有这些都使它们"出现",但不是可拖动的.我已经谷歌搜索了几天,并且找不到关于如何完成它的明确解释.我一直在寻找有关live的答案,但这显然是一种不弃用的解决方案. 这是我要进行工作的基本代码.我已经忽略了我进行的六次尝试,希望有人能给我最"正确的"做到这一点,而不是尝试改善我的一堆实验.如果很重要,则在打开模式对话框时将执行此代码. $.ajax({ type: "POST", url: "GetMyProducts.php", data: dataString, dataType: "json", success: function(data) { // dat
2 2024-01-21
编程技术问答社区
在Javascript中为文章元素添加EventListener
我试图将EventListener添加到所有文章元素中,因此当它们被单击时,它们会变成可拖动的元素. 我没有在此任务上使用jQuery. 尝试1: document.getElementsByTagName("ARTICLE").addEventListener('click', function(){ document.getElementsByTagName("ARTICLE").setAttribute('draggable', true);}); 尝试2: function draggableTrue() { var addDrag = document.getElementsByTagName("article"); addDrag.setAttribute('draggable', true); } //add event listener to articles var draggableArticles = document.
jQuery UI draggable在chrome中不起作用
jQuery draggable在Chrome中不起作用 代码: $(function() { $( ".drag" ).draggable(); }); draggable 解决方案 JS小提琴测试 尝试这个.在我的浏览器中,darggging正常工作.在您的浏览器中工作?如果不起作用,那么您错误地插入了jqueryui库.
6 2024-01-18
编程技术问答社区
启动时取消可拖动div
我拥有的: 拖放时具有警报和删除时具有警报的可拖动Div. 我需要的东西: 当用户试图拖动DIV时,警报会弹出,说您不能将其拖动,并且拖动停止甚至在任何地方. 解决方案 您可以return false在 start() 方法中完成此操作: $("#draggable").draggable({ start: function(event, ui) { alert('Dragging is disabled'); return false; } }); jsfiddle: http://jsfiddle.net/jam8z/
4 2024-01-18
编程技术问答社区
JQuery可拖动+可排序的容器相对问题
我需要一个简单的元素列表,这些元素可以拖到可排序的div.非常简单的东西.但是我的div包含可排序的元素是位置:相对和需要这样的元素.这会创建一个您可以在此处看到的问题: Drag me down Item 1 Item 2 Item 3 Item 4 Item 5 如果您开始拖动"将我拖动"元素作为助手出现红色正方形,并以光
2 2024-01-18
编程技术问答社区
Jquery拖放在Firefox中不工作,在chrome和safari中工作正常
jQuery拖动不在Firefox和IE中工作,而是在Chrome和Safari中工作正常. 这是我的代码: $(".drag").draggable({ helper: "clone", }); $(".drop").droppable({ drop: function (ev, ui) { if ($(ev.toElement).hasClass("drop") == true) { var widgetId = $(ui.draggable).attr("id"); $(ev.toElement).attr("id", "dash_" + widgetId); $(ev.toElement).html($(ui.draggable).html()); } } }); 代码在 http://www.skmcap63.hostoi.com/box-dashboard/ 我需要从侧边栏中拖动项目并
2 2024-01-18
编程技术问答社区
jquery在切换(隐藏/显示)可拖放面板时的奇怪行为
我有基于此处发布的代码的几个可拖动/可隐藏的框: 我还有一个带有块列表的区域,我可以将其拖入这些框中的任何一个,然后对其进行排序.这很好.只有当我开始切换这些盒子或移动其位置时,事情才开始怪异. 示例1 假设我有3个盒子垂直堆叠: box1 box2 box3 可以将块拖动到(和排序)确定.如果我然后将Box2移到Box1上方,以便现在订单: box2 box1 box3 我不能将任何东西拖入Box2.我在火上没有任何错误.什么都没有发生. 示例2 如果我在上面(Box1,box2,box3)和"隐藏" box2的内容的方框相同的订单中,我无法将任何内容拖入Box3中.如果我再次显示Box2,我可以拖入Box3,而不是Box2 ... 如果我设置了以下框,并且隐藏了Box3,则无法将任何内容拖入Box4&box5中.如果我显示Box3,我唯一无法拖入的框是Box3: box1 box2 box
2 2024-01-18
编程技术问答社区
未捕获类型错误:无法使用';在';操作员搜索';位置';未定义的
我对此代码段有问题: $.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-core'); $.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-widget'); $.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-mouse'); $.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-draggable'); $.sap.require('sap.ui.thirdparty.jqueryui.jquery-ui-sortable');
4 2024-01-18
编程技术问答社区
可拖动更改帮助程序的HTML
我认为这很简单,但是要搜索几个小时的答案.我想做的是为助手"克隆"可拖动的div,但要稍微更改.我认为这是这样做的方法: 1)在开始,创建或拖动事件中检测可拖动的ID,将html复制到变量,更改它,将其用作函数中的助手.这是不起作用的,因为在启动或创建或拖动事件之前创建了助手,我将在其中检测到可拖动ID. 2)检测辅助功能中可拖动的ID,将html复制到变量,更改,将其用作函数的助手.我无法弄清楚如何在辅助功能中获得可拖动的ID. 3)使用克隆作为助手,然后使用创建,启动或拖动事件更改助手HTML. 所以我需要知道两件事之一: 1)如何在辅助功能中检测可拖动元件的DIV ID?或者 2)当触发开始或拖动事件时,我如何更改克隆辅助器的HTML? 这是相关代码: function initiate_draggable() { $('.project_box').draggable( { containment: 'document',
2 2024-01-18
编程技术问答社区
如何使太阳弧停止在页面的左端?
我在弧线中使太阳可拖动,但是我希望弧线在某个时刻停止,在这种情况下,这是页面的左端.现在,它在左侧永远继续存在,但我希望它停止.我该怎么做? var width = 300; var sun = $("#sun"); sun.draggable({ axis: "x", drag: function() { var x = sun.offset().left + (width / 2); var total = $(window).width(); var heightPct = Math.pow((total / 2) - x, 2) / Math.pow($(window).width() / 2, 2); console.log(x, $(window).width(), heightPct * 100); this.style["margin-top"] = "" + Math.round(heigh
2 2024-01-18
编程技术问答社区
JQuery UI Draggable-Helper函数,如果参数传递给clone(),则返回clone()只克隆一次。
我使用jQuery的clone()方法将它们从jQuery UI拖动列表中拖出时,正在克隆元素.查看 clone()文档,我看到我可以通过传递通过传递这些元素来绑定这些元素clone()方法的一个或两个布尔参数(true,true). 通过这些论点,事情变得很奇怪.如果我只使用clone(),如下所示,事情可以按预期工作. $(".draggable").draggable({ connectToSortable: ".sortable", helper: function(e) { return $(this).clone(); } }); 在上面的示例中,我得到了无限的克隆,但是我与克隆元素绑定的事件也没有克隆.因此,自然而然地,我想在此clone()方法中添加一个或两个参数,以便我也可以克隆事件! $(".draggable").draggable({ connectToSortable: ".sortable"
4 2024-01-18
编程技术问答社区
Jquery Draggable对附加的表格行不起作用
我试图使HTML表行拖动.它适用于当前元素.在这里,我有一个按钮,该按钮有一个要添加的字段.该新添加的字段应将其附加到HTML表中,而行的行带有可拖动类拖动不适用于新附录字段. html表设计可拖动: foreach($crmfields as $row ) { echo ''; echo '' . $row['name'] . " \n"; echo ' '; } jQuery拖放代码: $("#drag_fields tr").draggable({
6 2024-01-18
编程技术问答社区