In my view I have grid row expander. Inside that row expander I have a nested grid. I want perform drag and drop operation in it. The main grid drag and drop working fine. But in nested grid, not working. while mouse over on the nested grid it shows not valid drop target.
I set the drop location in my nested grid after render
var featured_targetObj = new Ext.dd.DDTarget(thisObj,'CSRPT' + 'group1');
but nothing positive.. any idea for fix this..
Related
Respected Expert,
I just want execute drag and drop Event Via VBA excel.
Please refer the below image, Basically I required to drag the clientcategory into Row Area .The HTML code for the same is available in the below image.
In the below image HTML code of Row Area is available.
Also I have Identified that when the clientcategory has been dragged in Row Area , The codes are upgraded in tbody with the clientcategory table.Please find the below image for the same.
I have managed to get the object of clientcategory and Row Area with the help of below code.
Set Dimensions = HTMLdoc1.document.getElementsByTagName("table")(73).getElementsByTagName("table")(1)
Set Dimensions1 = Dimensions.getElementsByTagName("tr")(6).getElementsByTagName("td")(0)
Set Drop = HTMLdoc1.document.getElementsByTagName("table")(77)'-->For row Area
I am trying to drag a column in a grid;
A grid has default drag events,as you know,just changing columns display place in order;
But my demand is when a column being dragged ,if dragged target-palce is not in
the grid header area ,the column will be removed, else if dragged target-place
is in the grid header area,the column just change dispaly place to the target-place;
So how can I fix it ?
I want to drag an item from a list of items and drop it in a table column. Each columns of the table contains another sub table with a specific template.
I am using dragular for this.
Problem : As I render the view for the first time, I am calculating the height of each row in the sub table and making all the tables row height the same. So the final view looks like its all in one table.
Challenge Facing : When I drop a new item into the table columns (as another sub column) , I want to match the height of all the corresponding rows again in the sub tables. Not sure how to achieve this.
I have created grid using slick grid. Now as per my requirement I want to open a sub-grid on click of some element in the parent grid. To implement this I thought of adding a after the current element and dynamically create. But since slick grid update data and top of current row dynamically (as per viewport) the new div inserted show absurd behavior on scrolling at viewport.
var parent=s.parent().parent();
var top=parent.css("top");
top=parseInt(top)+parseInt("30");
parent.after("<div class='add'style='position:relative;height:50px;width:100%;top:"+top+"px ;background-color:green;margin-bottom:20px;'></div>");
var next=parent.nextAll();
next.each(function(index){
if(index !=0)
{
var top=next[index].style.top;
top=parseInt(top)+parseInt("50");
next[index].style.top=top+"px";
}`
Here s is the current element pointer after which I am inserting a div.
s.parent().parent() will return the pointer to row after which you want to insert element.
Then I increased the top of all row below that element. New element will be inserted properly but after scroll everything mixed up.
Basically, I want to be able to freely drag items in a container and leave them at whatever position I desire.. However, if there are two items touching each other, dragging the one on the right towards the one on the left should cause the two to swap positions (hence sortability)...
However, if I do:
container.sortable({axis: 'x'});
item_1.draggable({axis: 'x'});
item_2.draggable({axis: 'x'});
container.append(item_1);
container.append(item_2);
then they are not sortable, just draggable... How can I accomplish this?
Have you tried using the refresh method?
Refresh the sortable items. Custom trigger the reloading of all sortable items, causing new items to be recognized.
This should be called after you append the new elements.