Questions on UI for ASP.NET AJAX Forum

2 answers

152 views

Delete grid rows

Hello Friends,

I have trouble on my project, and at moment I didn't get to solve it !! I have a grid and when I delete row for first time it is ok, the problem is if I delete the other line in sequence. For some reason, I can not delete any row where the ID is larger than the ID of the deleted first.

I am using telerik ajax Q3 2010 and my project is in C# Framework 4.0 !!

Could you help me with this case ??

See attached my code:

<div id="divListagem">

<telerik:RadAjaxPanel ID="apListagem" runat="server" LoadingPanelID="lpListagem"

Width="100%" HorizontalAlign="NotSet"

meta:resourcekey="apListagemResource1">

<telerik:RadGrid ID="dgListagem" runat="server" AllowFilteringByColumn="True" AllowPaging="True"

AllowSorting="True" GridLines="None" Skin="Windows7" EnableLinqExpressions="False"

OnItemCommand="dgListagem_ItemCommand" OnItemDataBound="dgListagem_ItemDataBound"

OnNeedDataSource="dgListagem_NeedDataSource" CellPadding="0" Height="100%" HorizontalAlign="Center"

PageSize="20" meta:resourcekey="dgListagemResource" >

<SortingSettings SortedAscToolTip="Ordem Crescente" SortedDescToolTip="Ordem Decrescente"

SortToolTip="Clique aqui para ordenar" />

<GroupingSettings CaseSensitive="false" />

<ClientSettings>

<Scrolling UseStaticHeaders="True" />

</ClientSettings>

<MasterTableView AutoGenerateColumns="False" CommandItemDisplay="Top" DataKeyNames="ID" ClientDataKeyNames="ID"

CellPadding="0" CellSpacing="0">

<Columns>

<telerik:GridTemplateColumn AutoPostBackOnFilter="True" DataField="ID" FilterControlWidth="60px"

GroupByExpression="ID Group By ID" HeaderText="Código" meta:resourcekey="gtCodigoResource"

ShowFilterIcon="false" SortExpression="ID" UniqueName="ID">

<ItemTemplate>

<asp:Literal ID="ltrId" runat="server"></asp:Literal>

</ItemTemplate>

<HeaderStyle HorizontalAlign="Center" Width="80px" />

<ItemStyle HorizontalAlign="Center" Width="80px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn FilterControlWidth="180px" AutoPostBackOnFilter="True" DataField="Titulo" GroupByExpression="Titulo Group By Titulo"

HeaderText="Titulo" meta:resourcekey="gtTituloResource" ShowFilterIcon="False" SortExpression="Titulo"

UniqueName="Titulo">

<ItemTemplate>

<asp:Literal ID="ltrTitulo" runat="server"></asp:Literal>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn AutoPostBackOnFilter="True" DataField="Idioma" FilterControlWidth="180px"

GroupByExpression="Idioma Group By Idioma" HeaderText="Idioma" meta:resourcekey="gtIdiomaResource"

ShowFilterIcon="False" SortExpression="Idioma" UniqueName="Idioma">

<ItemTemplate>

<asp:Literal ID="ltrIdioma" runat="server"></asp:Literal>

</ItemTemplate>

<HeaderStyle HorizontalAlign="Center" Width="200px" />

<ItemStyle HorizontalAlign="Center" Width="200px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn AllowFiltering="False" UniqueName="TemplateColumn">

<ItemTemplate>

<asp:HyperLink ID="hplEdit" runat="server" meta:resourcekey="hplEditResource" ImageUrl="/CMS/Estrutura/Image/lista_edit.png"></asp:HyperLink>

</ItemTemplate>

<HeaderStyle HorizontalAlign="Center" Width="19px" />

<ItemStyle HorizontalAlign="Center" Width="19px" />

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn AllowFiltering="False" UniqueName="TemplateColumn1">

<ItemTemplate>

<asp:ImageButton ID="ibtExcluir" runat="server" CommandName="Excluir" ImageUrl="/CMS/Estrutura/image/lista_delete.png"

meta:resourcekey="ibtExcluirResource" />

</ItemTemplate>

<HeaderStyle HorizontalAlign="Center" Width="20px" />

<ItemStyle HorizontalAlign="Center" Width="20px" />

</telerik:GridTemplateColumn>

</Columns>

<CommandItemTemplate>

<div class="CabecalhoBotaoGrid">

<table width="100%">

<tr>

<td align="center">

</td>

</tr>

</table>

</div>

</CommandItemTemplate>

</MasterTableView>

<HeaderContextMenu EnableImageSprites="True" CssClass="GridContextMenu GridContextMenu_Default">

</HeaderContextMenu>

</telerik:RadGrid>

</telerik:RadAjaxPanel>

<telerik:RadAjaxLoadingPanel ID="lpListagem" runat="server" Skin="Windows7" meta:resourcekey="lpListagemResource1">

<div id="loading">

<asp:Literal ID="ltrLoading" runat="server"

meta:resourcekey="ltrLoadingResource1"></asp:Literal>

</div>

</telerik:RadAjaxLoadingPanel>

</div>

protected void dgListagem_ItemCommand(object sender, GridCommandEventArgs e)

{

try

{

if (e.CommandName == "Excluir")

{

GridEditableItem editeditem = (GridEditableItem)e.Item;

int codigo = Convert.ToInt32(editeditem.OwnerTableView.DataKeyValues[editeditem.ItemIndex]["ID"].ToString());

try

{

BLFaq.Delete(codigo);

dgListagem.Rebind();

}

catch

{

RadScriptManager.RegisterStartupScript(this.Page, this.GetType(), "showError", string.Format("javascript:alert('{0}')", txtErrorParent.Value), true);

}

catch (Exception ex)

{

BAL.BLError.TrataErro(new Model.MLError() { Ex = ex, Page = this.Page });

}

protected void dgListagem_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

try

{

dgListagem.DataSource = BLFaq.SelectListagem();

}

catch (Exception ex)

{

BAL.BLError.TrataErro(new Model.MLError() { Ex = ex, Page = this.Page });

}

protected void dgListagem_ItemDataBound(object sender, GridItemEventArgs e)

{

var obj = e.Item.DataItem as MLFaq;

if (obj == null) return;

if (!(e.Item is GridDataItem)) return;

GridDataItem item = (GridDataItem)e.Item;

Literal control;

//Id

Literal ltrId = item.FindControl("ltrId") as Literal;

ltrId.Text = obj.Id.ToString();

//Titulo

Literal ltrTitulo = item.FindControl("ltrTitulo") as Literal;

ltrTitulo.Text = obj.Titulo;

////Texto

//control = item.FindControl("ltrTexto") as Literal;

//control.Text = obj.Texto;

//Idioma

Literal ltrIdioma = item.FindControl("ltrIdioma") as Literal;

ltrIdioma.Text = obj.Idioma;

//Editar

var edit = item.FindControl("hplEdit") as HyperLink;

var qs = new SecureQueryString();

qs["IdItem"] = obj.Id.ToString();

qs["indice"] = param.Index;

qs["Update"] = Update.ToString();

qs["Publish"] = Publish.ToString();

qs["ItemMenuId"] = param.ItemMenuId.ToString();

qs["MenuId"] = param.MenuId.ToString();

qs["MenuName"] = param.MenuName;

if (!Update)

{

edit.ImageUrl = "~/CMS/Imagens/pesquisar.png";

edit.ToolTip = "Visualizar Cadastro";

}

else

{

edit.ToolTip = "Editar Cadastro";

}

edit.NavigateUrl = string.Format("Cadastro.aspx?IdItem={0}", qs);

//Excluir

var delete = item.FindControl("ibtExcluir") as ImageButton;

if (!Delete)

{

delete.Enabled = false;

delete.ImageUrl = "~/CMS/Estrutura/Image/lista_delete_off.png";

delete.ToolTip = "Sem permissão para Excluir";

}

else

{

delete.ToolTip = "Excluir Registro" ;

delete.OnClientClick = string.Format("javascript:return confirm('{0}');", txtMessage.Value);

}

Grid

answered on 07 Apr 2011

1 answer

98 views

[Solved] Location of RadWindow.js

Hello Community,

I want to add my customized dialog. I followed the instructions mentioned here.
Unfortunately this doesn't work the way I want to. I guess the RadWindow.js is not available. Where do I find this file because an error occurs when I want to start the dialog and the editor.ShowDialog() throws the exception.
Does anybody know this issue?

Here are my files:

MyCustomDialog.html

<html>

<head>

<script type="text/javascript" src="./RadControls/Editor/Scripts/7_0_1/RadWindow.js"></script>

<script type="text/javascript">

InitializeRadWindow(); //this function is declared in the \RadControls\Editor\Scripts\<script_version>\RadWindow.js file

alert(GetDialogArguments());

</script>

</head>

<body>

<table border="0" cellpadding="" cellspacing="0">

<tr>

<td>

<input type="text" style="width: 156px;" id="LinkURL" />

</td>

</tr>

</table>

</body>

</html>

ToolsFile.xml:

<root>

<modules>

</modules>

<tools name="MainToolbar">

<tool name="AjaxSpellCheck"/>

<tool name="FindAndReplace" shortcut="CTRL+F"/>

<tool name="Cut" />

<tool name="Copy" shortcut="CTRL+C"/>

<tool name="Paste" shortcut="CTRL+V"/>

<tool name="PasteStrip"/>

<tool separator="true"/>

<tool name="Undo" shortcut="CTRL+Z"/>

<tool name="Redo" shortcut="CTRL+Y"/>

<tool name="CustomDialog" IconUrl="~/RadControls/Editor/Skins/Default/Buttons/Custom.gif" />

</tools>

<tools name="InsertToolbar" >

<tool name="MOSSImageManager" shortcut="CTRL+G"/>

<tool name="AbsolutePosition" />

<tool separator="true"/>

<tool name="FlashManager" />

<tool name="MediaManager" />

<!--<tool name="DocumentManager" />

<tool name="TemplateManager" />-->

<tool separator="true"/>

<tool name="LinkManager" shortcut="CTRL+K"/>

<tool name="Unlink" shortcut="CTRL+SHIFT+K"/>

<tool name="MOSSLinkManager"/>

</tools>

<tools>

<tool name="FormatBlock"/>

<tool name="FontName" shortcut="CTRL+SHIFT+F"/>

<tool name="RealFontSize" shortcut="CTRL+SHIFT+P"/>

</tools>

<tools>

<tool name="Superscript" />

<tool name="Subscript" />

<tool name="InsertParagraph" />

<tool name="InsertHorizontalRule" />

<tool name="InsertDate" />

<tool name="InsertTime" />

</tools>

<tools>

<tool name="ForeColor"/>

<tool name="BackColor"/>

<tool name="FormatStripper"/>

</tools>

<tools name="DropdownToolbar">

<tool name="InsertSymbol"/>

<tool name="InsertTable"/>

<tool name="InsertFormElement" />

<tool name="ImageMapDialog"/>

<!--<tool name="InsertCustomLink" shortcut="CTRL+ALT+K"/>

<tool separator="true"/>

<tool name="ConvertToLower" />

<tool name="ConvertToUpper" />-->

<tool separator="true"/>

<tool name="Help" shortcut="F1"/>

<tool name="Zoom"/>

<tool name="ToggleScreenMode" shortcut="F11"/>

</tools>

<tools>

<tool name="Bold" shortcut="CTRL+B"/>

<tool name="Italic" shortcut="CTRL+I"/>

<tool name="Underline" shortcut="CTRL+U"/>

<tool name="StrikeThrough" />

<tool separator="true"/>

<tool name="JustifyLeft" />

<tool name="JustifyCenter" />

<tool name="JustifyRight" />

<tool name="JustifyFull" />

<tool name="JustifyNone" />

<tool separator="true"/>

<tool name="LineDistance1" />

<tool name="LineDistance15" />

<tool name="LineDistance2" />

<tool separator="true"/>

<tool name="Indent" />

<tool name="Outdent" />

<tool separator="true"/>

<tool name="InsertOrderedList" />

<tool name="InsertUnorderedList" />

<tool name="ToggleTableBorder" />

<tool separator="true"/>

<tool name="SelectAll" shortcut="CTRL+A"/>

</tools>

<contextMenus>

<contextMenu forElement="*">

<tool name="Cut"/>

<tool name="Copy"/>

<tool name="Paste"/>

</contextMenu>

<contextMenu forElement="IMG">

<tool Name="SetImageProperties" />

<tool Name="ImageMapDialog" />

</contextMenu>

<contextMenu forElement="TABLE">

<tool Name="ToggleTableBorder" />

<tool Name="SetTableProperties" />

<tool Name="DeleteTable" />

</contextMenu>

<contextMenu forElement="TD">

<tool Name="InsertRowAbove" />

<tool Name="InsertRowBelow" />

<tool Name="DeleteRow" />

<tool Name="InsertColumnLeft" />

<tool Name="InsertColumnRight" />

<tool Name="MergeColumns" />

<tool Name="MergeRows" />

<tool Name="SplitCell" />

<tool Name="DeleteCell" />

<tool Name="SetCellProperties" />

</contextMenu>

<contextMenu forElement="A">

<tool Name="SetLinkProperties" />

<tool Name="Unlink" />

</contextMenu>

<contextMenu forElement="BODY">

<tool name="ForeColor"/>

<tool name="BackColor"/>

<tool name="Bold" shortcut="CTRL+B"/>

<tool name="Italic" shortcut="CTRL+I"/>

<tool name="Underline" shortcut="CTRL+U"/>

<tool name="StrikeThrough" />

<tool Name="Cut" />

<tool Name="Copy" />

<tool Name="Paste" />

<tool Name="PasteFromWord" />

<tool Name="PastePlainText" />

<tool Name="PasteAsHtml" />

</contextMenu>

<contextMenu forElement="P">

<tool name="ForeColor"/>

<tool name="BackColor"/>

<tool name="Bold" shortcut="CTRL+B"/>

<tool name="Italic" shortcut="CTRL+I"/>

<tool name="Underline" shortcut="CTRL+U"/>

<tool name="StrikeThrough" />

</contextMenu>

</contextMenus>

<cssFiles>

<item name="/_wpresources/RadEditorSharePoint/5.8.7.0__1f131a624888eeed/Resources/bmuStylesRAD.css" />

</cssFiles>

<dialogParameters>

<dialog name="CustomDialog">

<parameter name="Param1" value="Value1" />

</dialog>

</dialogParameters>

</root>

MOSSEditorTools.js:

//...

Telerik.Web.UI.Editor.CommandList["CustomDialog"] = function(commandName, editor, oTool) {

var args = null; //editor.GetDialogParameters(commandName);

var argStr = "";

//for (var item in args) {

// argStr += "[" + item + "=" + args[item] + "] ";

//}

alert("Custom dialog was called with the following arguments: " + argStr);

editor.ShowDialog(

"~/_wpresources/RadEditorSharePoint/5.8.7.0__1f131a624888eeed/Resources/MyCustomDialog.html"

, args

, 180

, 80

, null

, "Custom Dialog");

}

Editor

answered on 07 Apr 2011

3 answers

206 views

Cannot get Rating events in my C# SharePoint webpart.

I've got a webpart which fetches items and their ratings from an SharePoint list.

I've managed to show the rating for each item using the RadRating control. I've looked into the assembly using the Object Explorer and found only one System.EventHandler, named Rate. I've tried attaching my own event handler to handle the logic of getting the new value and passing that over to SharePoint, but for some reason I can't seem to figure out how to get the event from rating an item.

Here's a code snippet including how I display the RadRating and try to catch the events when the User rates by using the RadRating:

foreach (SPListItem answerItem in answerListItems)

{

Literal QAContent = new Literal();

RadRating QARating = new RadRating();

QAContent.Text = "<div class='qaAnswer'>";

//<Snip>

if (answerItem["Luokitus_x0020__x0028_0_x0020__x"] != null)

{

try {

string ratingValue = answerItem["Luokitus_x0020__x0028_0_x0020__x"].ToString();

QARating.Value = Int32.Parse(ratingValue);

QARating.AutoPostBack = true;

QARating.Rate += new EventHandler(QARating_Rate);

pnlQuestios.Controls.Add(QARating);

}

catch {}

QAContentEnd.Text += "</div>";

pnlQuestios.Controls.Add(QAContentEnd);

}

And here's my QARating_Rate where I've put a breakpoint into my foo string for testing...

protected void QARating_Rate(object sender, EventArgs e)

{

string foo = "foo";

}

The thing is, while debugging and clicking the stars in the browser, it won't hit the QARating_Rate method ever. What am I doing wrong?

Rating

answered on 07 Apr 2011

4 answers

301 views

Programatically create template filter on grid column

Do you guys have a simple example of how to create a template filter on a grid column using a RadComboBox in the code-behind? Been looking through the forum and docs and don't see one.

Thanks,
--nick

Grid

answered on 07 Apr 2011

2 answers

104 views

[Solved] Client Side - ListBox Drag-and-drop with RadTreeView

We are using Telerik Web Controls for ASP.NET AJAX Q1 2011.
I have been looking at the online demo for ListBox / Drag-and-drop with RadTreeView. This is actually what we want. the only problem we have now that the drag and drop happens on server side. We want a treeview and a listbox able to drag and drop on client side. no server side code after page load. We want to drag a item from treeview to listbox. After dragging it should create a new listboxitem with the same text and value.

Additionally we also want to have the opportunity copy or move items from treeview to listbox and from listbox to treeview. Moving and copying items between listbox and treeview should happen only on client side.

ListBox / Drag-and-drop with RadTreeView Online Demo:
http://demos.telerik.com/aspnet-ajax/listbox/examples/applicationscenarios/treeviewdraganddrop/defaultcs.aspx

Kind regards,
Farid

General Discussions

answered on 07 Apr 2011

2 answers

147 views

Radgrid 'ExportToExcelText'

I am using the 2011 Q4 Toolkit and the 2011 Q1 Telerik.Web.UI dll and some of the properties are all of sudden no longer recognized. I am getting several messages like the following.

Error 9 Type 'Telerik.Web.UI.GridCommandItemSettings' does not have a public property named 'ExportToExcelText'

<

MasterTableView DataSourceID="sdsForeclosureNotice" DataKeyNames="ForeclosureID">

<CommandItemSettings ExportToExcelText="" ExportToPdfText="" /> these properties are no longer recognized

</RowIndicatorColumn>

</ExpandCollapseColumn>

Has anyone encountered this issue. I sure could use some assistance.

Thanks

Grid

answered on 07 Apr 2011

2 answers

128 views

Distortion of graphics with RadListBox

Hello everyone,
i recently implemented within a RadGrid with a GridTemplateColumn RadListBox inside the ItemTemplate.
Look what happened to the RadEditor by side...Also the selection of entries within RadListBox is very slow...
If i take the course RadListBox returns everything to normal...
For knowledge I recently upgraded to version 2011.1.315.40
Help me pls :S

<telerik:GridTemplateColumn FilterControlWidth="100px" CurrentFilterFunction="Contains" ShowSortIcon="true" ShowFilterIcon="false" AutoPostBackOnFilter="true" HeaderButtonType="TextButton"

DataField="colori_stampa" SortExpression="colori_stampa" HeaderText="Colori di stampa" UniqueName="colori_stampa">

<ItemTemplate>

<asp:Label runat="server" ID="lbl_colori_stampa" Text='<%# Eval("colori_stampa") %>'></asp:Label>

</ItemTemplate>

<EditItemTemplate>

<table width="300">

<tr>

<td>

<asp:Label runat="server" ID="lbl_colori_stampa_bianca" Text='Colori di stampa (bianca)'></asp:Label><br />

<telerik:RadListBox

OnItemDataBound="Lb_colori_stampa_bianca_ItemDataBound"

SelectionMode="Multiple"

DataSourceID="SqlDataSourceColori"

ID="Lb_colori_stampa_bianca" runat="server" CheckBoxes="true"

DataKeyField="id"

DataTextField="colore_stampa"

DataValueField="codice_colore"

Width="200px"

Height="300px">

</telerik:RadListBox>

</td>

</tr>

<tr>

<td>

<asp:Label runat="server" ID="lbl_colori_stampa_volta" Text='Colori di stampa (volta)'></asp:Label><br />

<telerik:RadListBox

OnItemDataBound="Lb_colori_stampa_volta_ItemDataBound"

SelectionMode="Multiple"

DataSourceID="SqlDataSourceColori"

ID="Lb_colori_stampa_volta" runat="server" CheckBoxes="true"

DataKeyField="id"

DataTextField="colore_stampa"

DataValueField="codice_colore"

Width="200px"

Height="300px">

</telerik:RadListBox

</td>

</tr>

</table>

</EditItemTemplate>

</telerik:GridTemplateColumn>

Grid

answered on 07 Apr 2011

1 answer

105 views

Filtering Resources and Update Failures

OK, Here's is my situation.

I have an application that is used to manage training events in different cities around the country.
I have a page that has a radPanel on the left side of the page and a RadScheduler on the right.
The RadPanel contains 8 checkboxes, each representing a city. When the user selects a checkbox, a postback is performed and if there are appointments scheduled for the selected city, they are displayed in the RadScheduler.

Each city has a number of instructors assigned to it. The instructors are setup as resources in a custom provider that Ive written. In order to pass the Selected_Training_City_ID as a parameter to the custom provider, Ive setup the custom provider to be instantiated on each page load. I filter the instructor resources based on the Selected_Training_City_ID so that only instructors from the selected city are shown on the Advanced Edit Form.

This all works great....Now here's the problem. Each time a new city is selected, the page does a postback and reloads the Instructor resources based on which city checkbox is selected. Then, when a change is made to an appointment, but that isnt the currently selected city, the resource is not available and the update fails.

For example, let say I do the following:

1. select New york from the city checkboxs
2. the page posts back and loads the instructors (Joe and Jim) for NY as Instructor resources into the provider.
3. I double click the scheduler and create an appointment, I select Joe and Jim as the instructors, fill out the other details and save it.
4. back on the main page, I now check the Chicago checkbox and un-check NY.
5. the page posts back and loads the instructors (Mary and Jane) for Chicago as resources into the provider.
6. Now I click and hold my NY appointment and move it, the Instructor resources (Joe and Jim from NY) aren't available since Chicago is currently checked and my update fails.

Is there a recommended approach for handling a use case like this?
Any help would be greatly appreciated.
Thanks in advance.
Alex

Scheduler

answered on 07 Apr 2011

7 answers

141 views

Autogenerated FormTemplate in RadGrid ?

Is there any way for designer to auto-generate the FormTemplate so that it can be modified according to my needs?

For example I'm binding ObjectType that has many many fields (using ObjectDataSource) I can generate columns in designer so I can nontrol them manually - but I would like designer to also generate the FormTemplate for edit/insert operations (It may be the layout like it's done automatically when I have EditFormType="AutoGenerated" property set)
That would be especially useful for grids with many columns.

Thanks
Greetings
Michal Szilder, Krakow, Poland

Grid