Darshan Sedani
Top achievements
Rank 1
Rank 1
Darshan Sedani
asked on 09 Jan 2015, 01:46 PM
Hello Support,
We are using 2013.1.220.35 Version of telerik.
We have an issue while dragging dropping row.
When using drag/drop in grid if you right click while dragging the item you are dragging becomes stuck in place on the screen.
Attaching the snapshot.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SimpleUploadPage.aspx.cs"
Inherits="Default3" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager runat="server" ID="ScriptManager1">
</asp:ScriptManager>
<script type="text/javascript">
function rowDblClick(sender, eventArgs) {
sender.get_masterTableView().editItem(eventArgs.get_itemIndexHierarchical());
}
</script>
<div>
<telerik:RadGrid ID="rgDomo" AutoGenerateColumns="false" CellSpacing="2" MasterTableView-NoMasterRecordsText="There are no records to display"
Skin="WebBlue" BorderStyle="Double" BorderColor="Black" Visible="true" Width="900"
runat="server" OnRowDrop="RowDrop" AllowMultiRowEdit="True" OnItemDataBound="rgDomo_ItemDataBound"
OnItemCreated="rgDomo_ItemCreated">
<ClientSettings EnableAlternatingItems="false">
</ClientSettings>
<MasterTableView DataKeyNames="iDomoID,iOrderNo,sDomoListImage,sDomoBGImage,bIsSystemDomo,bVisibleToSideBar,sDomoName,bIsGroupDomo,iDomoType"
EditMode="InPlace">
<Columns>
<telerik:GridBoundColumn DataField="iDomoID" Visible="false" />
<telerik:GridBoundColumn DataField="bIsSystemDomo" Visible="false" />
<telerik:GridBoundColumn DataField="iOrderNo" Visible="false" />
<telerik:GridBoundColumn DataField="bVisibleToSideBar" Visible="false" />
<telerik:GridBoundColumn DataField="bIsGroupDomo" Visible="false" />
<telerik:GridBoundColumn DataField="iDomoType" Visible="false" />
<telerik:GridTemplateColumn ItemStyle-Width="34" HeaderText="Sort" UniqueName="Sort">
<HeaderStyle HorizontalAlign="Center" VerticalAlign="Bottom" />
<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" CssClass="col1" />
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="sDomoListImage" Visible="false" />
<telerik:GridTemplateColumn ItemStyle-Width="34" HeaderText="Icon" UniqueName="Sort">
<HeaderStyle HorizontalAlign="Center" VerticalAlign="Bottom" CssClass="col2" />
<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" CssClass="col2" />
<ItemTemplate>
<asp:ImageButton ID="btnIcon" ImageUrl='<%#HttpContext.Current.Session("imageUrl")+ Eval("sDomoListImage")%>'
BackColor='<%# System.Drawing.ColorTranslator.FromHtml(Eval("sDomoBGImage"))%>'
OnClick="btnIcon_Click" Width="34px" CssClass="iconimage" runat="server" />
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn ItemStyle-Width="50" ColumnGroupName="Domo" HeaderText="Label"
UniqueName="sDomoName">
<HeaderStyle HorizontalAlign="Center" VerticalAlign="Bottom" CssClass="col3" />
<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" CssClass="col3" />
<ItemTemplate>
<asp:TextBox ID="txtDomoName" runat="server" Text='<%#Eval("sDomoName")%>' BackColor="#213051"
ForeColor="White" CssClass="labletext"
AutoPostBack="true"></asp:TextBox>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn ItemStyle-Width="50" HeaderText="Show/Hide" UniqueName="IsVisibleToSideBar">
<HeaderStyle HorizontalAlign="Center" VerticalAlign="Bottom" CssClass="col4" />
<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" CssClass="col4" />
<ItemTemplate>
<asp:CheckBox ID="chkShowHide" runat="server"
AutoPostBack="true" />
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn ItemStyle-Width="50" HeaderText="Delete" UniqueName="Delete">
<HeaderStyle HorizontalAlign="Center" VerticalAlign="Bottom" CssClass="col5" />
<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" CssClass="col5" />
<ItemTemplate>
<asp:Image ID="btnDelete" ImageUrl="../Images/Buttons/delete-btn_workvine.png"
runat="server" alt="Delete Domo" title="Delete Domo" Style="cursor: pointer" />
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
<ClientSettings AllowRowsDragDrop="true">
<Selecting AllowRowSelect="True" EnableDragToSelectRows="true" />
<ClientEvents OnRowDblClick="rowDblClick" />
</ClientSettings>
</telerik:RadGrid>
</div>
</form>
</body>
</html>
We are using 2013.1.220.35 Version of telerik.
We have an issue while dragging dropping row.
When using drag/drop in grid if you right click while dragging the item you are dragging becomes stuck in place on the screen.
Attaching the snapshot.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="SimpleUploadPage.aspx.cs"
Inherits="Default3" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager runat="server" ID="ScriptManager1">
</asp:ScriptManager>
<script type="text/javascript">
function rowDblClick(sender, eventArgs) {
sender.get_masterTableView().editItem(eventArgs.get_itemIndexHierarchical());
}
</script>
<div>
<telerik:RadGrid ID="rgDomo" AutoGenerateColumns="false" CellSpacing="2" MasterTableView-NoMasterRecordsText="There are no records to display"
Skin="WebBlue" BorderStyle="Double" BorderColor="Black" Visible="true" Width="900"
runat="server" OnRowDrop="RowDrop" AllowMultiRowEdit="True" OnItemDataBound="rgDomo_ItemDataBound"
OnItemCreated="rgDomo_ItemCreated">
<ClientSettings EnableAlternatingItems="false">
</ClientSettings>
<MasterTableView DataKeyNames="iDomoID,iOrderNo,sDomoListImage,sDomoBGImage,bIsSystemDomo,bVisibleToSideBar,sDomoName,bIsGroupDomo,iDomoType"
EditMode="InPlace">
<Columns>
<telerik:GridBoundColumn DataField="iDomoID" Visible="false" />
<telerik:GridBoundColumn DataField="bIsSystemDomo" Visible="false" />
<telerik:GridBoundColumn DataField="iOrderNo" Visible="false" />
<telerik:GridBoundColumn DataField="bVisibleToSideBar" Visible="false" />
<telerik:GridBoundColumn DataField="bIsGroupDomo" Visible="false" />
<telerik:GridBoundColumn DataField="iDomoType" Visible="false" />
<telerik:GridTemplateColumn ItemStyle-Width="34" HeaderText="Sort" UniqueName="Sort">
<HeaderStyle HorizontalAlign="Center" VerticalAlign="Bottom" />
<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" CssClass="col1" />
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="sDomoListImage" Visible="false" />
<telerik:GridTemplateColumn ItemStyle-Width="34" HeaderText="Icon" UniqueName="Sort">
<HeaderStyle HorizontalAlign="Center" VerticalAlign="Bottom" CssClass="col2" />
<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" CssClass="col2" />
<ItemTemplate>
<asp:ImageButton ID="btnIcon" ImageUrl='<%#HttpContext.Current.Session("imageUrl")+ Eval("sDomoListImage")%>'
BackColor='<%# System.Drawing.ColorTranslator.FromHtml(Eval("sDomoBGImage"))%>'
OnClick="btnIcon_Click" Width="34px" CssClass="iconimage" runat="server" />
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn ItemStyle-Width="50" ColumnGroupName="Domo" HeaderText="Label"
UniqueName="sDomoName">
<HeaderStyle HorizontalAlign="Center" VerticalAlign="Bottom" CssClass="col3" />
<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" CssClass="col3" />
<ItemTemplate>
<asp:TextBox ID="txtDomoName" runat="server" Text='<%#Eval("sDomoName")%>' BackColor="#213051"
ForeColor="White" CssClass="labletext"
AutoPostBack="true"></asp:TextBox>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn ItemStyle-Width="50" HeaderText="Show/Hide" UniqueName="IsVisibleToSideBar">
<HeaderStyle HorizontalAlign="Center" VerticalAlign="Bottom" CssClass="col4" />
<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" CssClass="col4" />
<ItemTemplate>
<asp:CheckBox ID="chkShowHide" runat="server"
AutoPostBack="true" />
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridTemplateColumn ItemStyle-Width="50" HeaderText="Delete" UniqueName="Delete">
<HeaderStyle HorizontalAlign="Center" VerticalAlign="Bottom" CssClass="col5" />
<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" CssClass="col5" />
<ItemTemplate>
<asp:Image ID="btnDelete" ImageUrl="../Images/Buttons/delete-btn_workvine.png"
runat="server" alt="Delete Domo" title="Delete Domo" Style="cursor: pointer" />
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
<ClientSettings AllowRowsDragDrop="true">
<Selecting AllowRowSelect="True" EnableDragToSelectRows="true" />
<ClientEvents OnRowDblClick="rowDblClick" />
</ClientSettings>
</telerik:RadGrid>
</div>
</form>
</body>
</html>
7 Answers, 1 is accepted
0
Hello,
The grid configuration seems correct and I am not able to determine what might be causing this issue. Generally such problems occur when a JavaScript error is present on the page. Could you please ensure that this is not the case? Also please upgrade to the latest version of the controls and test whether this resolves the matter.
Regards,
Angel Petrov
Telerik
The grid configuration seems correct and I am not able to determine what might be causing this issue. Generally such problems occur when a JavaScript error is present on the page. Could you please ensure that this is not the case? Also please upgrade to the latest version of the controls and test whether this resolves the matter.
Regards,
Angel Petrov
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
0
Darshan Sedani
Top achievements
Rank 1
Rank 1
answered on 19 Jan 2015, 02:56 PM
Hello,
There isn't any error related to JavaScript on the page. We can't even upgrade to newer version of telerik. Is there anyway to solve this out?
There isn't any error related to JavaScript on the page. We can't even upgrade to newer version of telerik. Is there anyway to solve this out?
0
Hi ,
In order for us to further investigate the matter we would need a runnable sample which we can debug. That said can you please send us such a project? Additionally please test the application in all browsers and verify that the issue is not browser dependent.
Regards,
Angel Petrov
Telerik
In order for us to further investigate the matter we would need a runnable sample which we can debug. That said can you please send us such a project? Additionally please test the application in all browsers and verify that the issue is not browser dependent.
Regards,
Angel Petrov
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
0
Darshan Sedani
Top achievements
Rank 1
Rank 1
answered on 28 Jan 2015, 11:09 AM
Hello,
I am not able to upload any files except gif, .jpg, .jpeg, .png. Can you provide me any link where i can upload the page so you can debug it?
Thanks.
I am not able to upload any files except gif, .jpg, .jpeg, .png. Can you provide me any link where i can upload the page so you can debug it?
Thanks.
0
Hi,
You can upload the sample to Google drive and provide us with a download link. Another option for you would be to use a different storage system(according to your preferences) and again send us a download link.
Regards,
Angel Petrov
Telerik
You can upload the sample to Google drive and provide us with a download link. Another option for you would be to use a different storage system(according to your preferences) and again send us a download link.
Regards,
Angel Petrov
Telerik
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.
0
Darshan Sedani
Top achievements
Rank 1
Rank 1
answered on 03 Apr 2015, 11:06 AM
Hello Support,
Here is the link for the demo page..
https://onedrive.live.com/?cid=970F305C67B499CA&id=970f305c67b499ca%21107
Please download Demo.zip from the above url.
Thanks
Darshan
0
Hi Darshan,
I tried running the sample page but it was not fully functional. There were script file references to files that were not included and jQuery did not loaded properly. After resolving the above I was able to run the page(as you can see from this video) but the grid did not contained any items. Could you please modify the sample it can be easily ran on our end?
One other thing which I noticed in the code, it seems that the page content is ajaxifyed by both a RadAjaxManager and RadAjaxPanel. Have in mind that this is not supported and may break the page logic. Considering this I recommend removing one of the mentioned control and using only the other for ajaxification.
Regards,
Angel Petrov
Telerik
I tried running the sample page but it was not fully functional. There were script file references to files that were not included and jQuery did not loaded properly. After resolving the above I was able to run the page(as you can see from this video) but the grid did not contained any items. Could you please modify the sample it can be easily ran on our end?
One other thing which I noticed in the code, it seems that the page content is ajaxifyed by both a RadAjaxManager and RadAjaxPanel. Have in mind that this is not supported and may break the page logic. Considering this I recommend removing one of the mentioned control and using only the other for ajaxification.
Regards,
Angel Petrov
Telerik
See What's Next in App Development. Register for TelerikNEXT.