Questions on UI for ASP.NET AJAX Forum

3 answers

226 views

[Solved] jquery ".toggle()" not working inside radwindow

in my radwindow I have <a class="toggler" > + </a> which has a piece of javascript attached:
$(document).ready(function() {

$('.toggler').click(function() {
$(this).next('.tobetoggled').toggle(400);
$(this).text($(this).text() == '+' ? '-' : '+');
return false;
});
});

This jquery is used to toggle the visibility of a div:
<div class="tobetoggled" > test div </div>

exactly same setup works on a normal .aspx page, but not on this radwindow. The radwindow is very simple, got nothing but the anchor and the div described above

any idea what I am doing wrong?
thanks in adavnce

Window

answered on 12 Jun 2013

3 answers

140 views

RadGrid data loading problem in code behind

Hi

I have a 100000 record in my database. I want to bind this data in RadGrid as cluster. That’s mean I want to bind 10 records per page from code behind. And this time I want to filter using multiple columns in all records and want to bind 10 filtered records (per page) to RadGrid.

So that, I want to do search, filter and bind data (page by page) in RadGrid from code behind.

Please response any.

Aminul

Grid

answered on 12 Jun 2013

4 answers

354 views

RadPanelBar height and width

Hi,

I have a radpanelbar in a radpane inside a splitter. The problem is when the radpanelbar have too many items, the height exceed the height of the radpane. How I can set the height of the radpanelbar do not exceed and it just scroll within the radpane ? Inside the splitter I have splitterbar too which the user can choose to expand to left or right, but the width of the radpanelbar did not follow the width of the radpane. How to make the radpanelbar width and height tie to the radpane, so when radpane expand, the radpanelbar follow. When radpane shrink, the radpanelbar will shrink too.

html, body, form

{

margin:0px;
padding:0px;

height:100%;

}

</style>

</head>

<body>

<div>

<telerik:RadScriptManager ID="RadScriptManager1" Runat="server">

</telerik:RadScriptManager>

<telerik:RadSkinManager ID="RadSkinManager1" Runat="server">

</telerik:RadSkinManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" Runat="server" Skin="Default">

</telerik:RadAjaxLoadingPanel>

<telerik:RadSplitter ID="RadSplitter1" Runat="server" Height="100%" Orientation="Horizontal" style="margin-top: 0px" Width="100%">

<telerik:RadPane ID="RadPane1" Runat="server" Height="52px" Scrolling="None">

</td>

<asp:Label ID="lblDate" Runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="12px" ForeColor="Black">
</asp:Label>

</td>

<asp:Label ID="lblUser" Runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="12px" ForeColor="Black"></asp:Label>

<br />

<asp:HyperLink ID="LogHyper" runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="9pt" Font-Underline="True" ForeColor="Black" NavigateUrl="~/Login.aspx" Target="_parent">LOGOUT</asp:HyperLink>

<br />

</td>

</tr>

</table>

</telerik:RadPane>

<telerik:RadPane ID="RadPane2" Runat="server" Height="525px">

<telerik:RadSplitter ID="RadSplitter2" Runat="server" Height="100%" Width="100%">
<telerik:RadPane ID="RadPane3" Runat="server" Width="242px">
<telerik:RadPanelBar ID="RadPanelBar1" Runat="server" Width="230px" Height="100%">
</telerik:RadPanelBar>
</telerik:RadPane>
<telerik:RadSplitBar ID="RadSplitBar1" Runat="server">
</telerik:RadSplitBar>
<telerik:RadPane ID="Main" Runat="server" ContentUrl="about:blank" ShowContentDuringLoad="False">
<asp:Panel ID="Panel1" runat="server">
</asp:Panel>
</telerik:RadPane>
</telerik:RadSplitter>
</telerik:RadPane>
</telerik:RadSplitter>
</div>
</form>

</body>

General Discussions

answered on 12 Jun 2013

5 answers

391 views

RadGrid Delete row doesn't work

Hi,

I need your help to the following problem I am facing. I have a RadGrid loaded with data. Inserting and editing rows in RadGrid works fine. Deletion of a row doesn't work. Every time I try to delete a row I am getting the following error:

[NullReferenceException: Object reference not set to an instance of an object.]
   Telerik.Web.UI.GridTemplateColumn.FillValues(IDictionary newValues, GridEditableItem editableItem) +435
   Telerik.Web.UI.GridEditableItem.ExtractValues(IDictionary newValues) +164
   Telerik.Web.UI.GridTableView.ExtractValuesFromItem(IDictionary newValues, GridEditableItem editedItem) +116
   Telerik.Web.UI.GridTableView.PerformDelete(GridEditableItem editedItem, Boolean suppressRebind) +174
   Telerik.Web.UI.GridCommandEventArgs.ExecuteCommand(Object source) +4861
   Telerik.Web.UI.RadGrid.OnBubbleEvent(Object source, EventArgs e) +191
   System.Web.UI.Control.RaiseBubbleEvent(Object source, EventArgs args) +37
   Telerik.Web.UI.GridItem.OnBubbleEvent(Object source, EventArgs e) +137
   System.Web.UI.Control.RaiseBubbleEvent(Object source, EventArgs args) +37
   System.Web.UI.WebControls.ImageButton.OnCommand(CommandEventArgs e) +111
   System.Web.UI.WebControls.ImageButton.RaisePostBackEvent(String eventArgument) +176
   System.Web.UI.WebControls.ImageButton.System.Web.UI.IPostBackEventHandler.RaisePostBackEvent(String eventArgument) +10
   System.Web.UI.Page.RaisePostBackEvent(IPostBackEventHandler sourceControl, String eventArgument) +13
   System.Web.UI.Page.RaisePostBackEvent(NameValueCollection postData) +175
   System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +1565

My RadGrid code is listed below :

<telerik:RadGrid ID="RadGrid1" GridLines="None" runat="server" AllowAutomaticDeletes="True"

AllowAutomaticInserts="True" PageSize="10" AllowAutomaticUpdates="True"

AllowPaging="True" DataSourceID="UserDS" AllowSorting="True"

AllowFilteringByColumn="True" AllowMultiRowEdit="True"

Skin="Telerik" AutoGenerateColumns="False" ShowGroupPanel="True">

<PagerStyle Mode="NextPrevAndNumeric" />

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

<MasterTableView Width="100%" CommandItemDisplay="TopAndBottom" DataKeyNames="Id"

DataSourceID="UserDS" HorizontalAlign="NotSet" EditMode="InPlace">

<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">

<ItemStyle CssClass="MyImageButton" />

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn DataField="Name" HeaderText="Name" SortExpression="Name"

UniqueName="Name" ColumnEditorID="GridTextBoxColumnName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Surname" HeaderText="Surname" SortExpression="Surname"

UniqueName="Surname" ColumnEditorID="GridTextBoxColumnSurname">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="User_Name" HeaderText="Username" SortExpression="User_Name"

UniqueName="User_Name" ColumnEditorID="GridTextBoxColumnUserName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Id_Number" HeaderText="Id Number" SortExpression="Id_Number"

UniqueName="Id_Number" ColumnEditorID="GridTextBoxColumnIdNumber"

DataType="System.Int32">

</telerik:GridBoundColumn>

<telerik:GridDropDownColumn DataField="Role_Id" DataSourceID="RoleDdDS"

HeaderText="Role" ListTextField="Role" ListValueField="Id"

UniqueName="Role_Id" ColumnEditorID="GridDropDownColumnEditor1">

</telerik:GridDropDownColumn>

<telerik:GridTemplateColumn UniqueName="Password" AllowFiltering="false">

<EditItemTemplate>

<telerik:RadTextBox ID="RadTextBox1" Runat="server" TextMode="Password">

</telerik:RadTextBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidatorPassword" runat="server"

ControlToValidate="RadTextBox1" Display="Static" Text="*"

SetFocusOnError="True"></asp:RequiredFieldValidator>

</EditItemTemplate>

<HeaderTemplate>

<asp:Label ID="Label1" runat="server" Text="Password"></asp:Label>

</HeaderTemplate>

</telerik:GridTemplateColumn>

<telerik:GridButtonColumn ConfirmText="Delete this user" ConfirmDialogType="RadWindow"

ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" Text="Delete"

UniqueName="DeleteColumn">

<ItemStyle HorizontalAlign="Center" CssClass="MyImageButton" />

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings ColumnNumber="2" CaptionDataField="User" CaptionFormatString="Edit properties of User {0}" InsertCaption="New User">

<FormTableItemStyle Wrap="False"></FormTableItemStyle>

<FormCaptionStyle CssClass="EditFormHeader"></FormCaptionStyle>

<FormMainTableStyle GridLines="None" CellSpacing="0" CellPadding="3" BackColor="White"

Width="100%" />

<FormTableStyle CellSpacing="0" CellPadding="2" Height="110px" BackColor="White" />

<FormTableAlternatingItemStyle Wrap="False"></FormTableAlternatingItemStyle>

<EditColumn ButtonType="ImageButton" InsertText="Insert User" UpdateText="Update record"

UniqueName="EditCommandColumn1" CancelText="Cancel edit">

</EditColumn>

<FormTableButtonRowStyle HorizontalAlign="Right" CssClass="EditFormButtonRow"></FormTableButtonRowStyle>

</EditFormSettings>

</MasterTableView>

<ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True"

AllowDragToGroup="True">

<ClientEvents OnRowDblClick="RowDblClick" />

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

</ClientSettings>

</telerik:RadGrid>

</asp:Panel>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server">

<Windows>

<telerik:RadWindow ID="RadWindow" runat="server" style="display:none;">

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

<br />

<asp:SqlDataSource ID="UserDS" runat="server"

ConnectionString="<%$ ConnectionStrings:sample_ConnectionString %>"

ProviderName="System.Data.SqlClient"

DeleteCommand="UPDATE [User] SET [Is_Deleted]=1 WHERE [Id]=@original_Id"

InsertCommand=

"INSERT INTO [User] (User_Name, Name, Surname, Id_Number, Role_Id, Password) VALUES (@User_Name,@Name,@Surname,@Id_Number,@Role_Id,@Password)"

SelectCommand="SELECT * FROM [User]"

UpdateCommand=

"UPDATE [User] SET [User_Name] = @User_Name, [Name] = @Name, [Surname] = @Surname, [Id_Number] = @Id_Number, [Role_Id] = @Role_Id, [Password]=@Password WHERE [Id]=@original_Id"

ConflictDetection="CompareAllValues" OldValuesParameterFormatString="original_{0}">

<DeleteParameters>

<asp:Parameter Name="original_Id" Type="Int32" />

</DeleteParameters>

<UpdateParameters>

<asp:Parameter Name="User_Name" Type="String" />

<asp:Parameter Name="Name" Type="String" />

<asp:Parameter Name="Surname" Type="String" />

<asp:Parameter Name="Id_Number" Type="Int32" />

<asp:Parameter Name="Role_Id" Type="Int32" />

<asp:Parameter Name="Password" Type="String" />

<asp:Parameter Name="original_Id" Type="Int32" />

</UpdateParameters>

<InsertParameters>

<asp:Parameter Name="User_Name" Type="String" />

<asp:Parameter Name="Name" Type="String" />

<asp:Parameter Name="Surname" Type="String" />

<asp:Parameter Name="Id_Number" Type="Int32" />

<asp:Parameter Name="Role_Id" Type="Int32" />

<asp:Parameter Name="Password" Type="String" />

</InsertParameters>

</asp:SqlDataSource>

<asp:SqlDataSource ID="RoleDdDS" runat="server"

ConnectionString="<%$ ConnectionStrings:sample_ConnectionString %>"

SelectCommand="SELECT Id, Role FROM Role"></asp:SqlDataSource>

I have log the SQL Server to see if the Delete statement executes but it's not. By pressing the delete I get immediately the error page.
Other Information:

Microsoft Visual Studio 2008 Version 9.0.30729.1SP
Microsoft .NET Framework Version 3.5 SP1
Telerik Version v.2010.3.1215.35
Operating System: Windows 7
Browser : Firefox
Programming Language : VB.NET

Can anybody help me with my error?

Thanks
Pan

Grid

answered on 12 Jun 2013

4 answers

138 views

Rad Filter User Interface is not showing instead it is showing text "And Add ExpressionAdd GroupRemove Item"

Hi,

Rad Filter User Interface is not showing instead it is showing text "And Add ExpressionAdd GroupRemove Item".

Please help me if any one have also faced this issue, It is very urgent for me.

Screen Shot is enclosed.

Thanks
Puru

Filter

answered on 11 Jun 2013

1 answer

67 views

Can not type while in Edit Mode?

I have a rad grid I am creating the columns programtically but the grid is setup static. Whenever I do an inline edit the textbox pops up in the cell I want to edit but I can NOT type in the box. If I right click and do a select all then I can type in the box but other than that the box will not Get Focus with the mouse or the keyboard despite the fact it is in edit mode?

This seems to be a rare event I could not find a solution on the net. I am hoping it is something simple cause this one seems like a hard one.

'Code behind creation of columns

            boundColumn = New GridBoundColumn()
            dgCompDetails.MasterTableView.Columns.Add(boundColumn)
            boundColumn.DataField = "ippComponentSrcValue"
            boundColumn.UniqueName = "dgippComponentSrcValue"
            boundColumn.Display = True
            boundColumn.HeaderText = "Value"

Grid

answered on 11 Jun 2013

1 answer

127 views

RadChart - Hyperlink or support for html formatted text for labels

I am creating a Gantt chart with the Telerik RadChart and it has almost all the features we need.
But I also want to have an edit link inside the bar alongside the label text to open up a different page when clicked on.
I am also using the Active region's url property but need another hyperlink in there. I would also like to have a couple of images
to denote the start and end date etc. I tried giving some html text as the value for the seriesitem label's text property but that is not working. Is there any other way of doing this? I have attached an image of what is expected.

Chart (Obsolete)

answered on 11 Jun 2013

3 answers

225 views

get all items in RadTreeList include collapse items

ask I know for RadTreeList1.Items is only can get currently visible items, which mean those collapse item will not get into the list. Can I know any API that can get all items in RadTreeList include collapse item.

TreeList

answered on 11 Jun 2013

1 answer

163 views

Problem with Load On Demand Multi Select Combo box Implementation

HTML:
<telerik:RadComboBox EnableScreenBoundaryDetection="false" ID="cbxSearch"
runat="server" AllowCustomText="True" EmptyMessage="" EnableLoadOnDemand="True"
EnableVirtualScrolling="True" Height="200px" HighlightTemplatedItems="True" MarkFirstMatch="False"
OnClientItemsRequesting="OnClientItemsRequesting" ShowMoreResultsBox="True" ShowToggleImage="False"
>
<HeaderTemplate>
<table id="Table1" runat="server">
<tr>
<td > </td>
<td"> Name </td>
<td > FName</td>
<td > LName </td>
</tr>
</table>
</HeaderTemplate>
<ItemTemplate>
<table style="width: 100%; text-align: left" onclick="StopPropagation(event)">
<tr>
<td style="width: 15px">
<asp:CheckBox runat="server" ID="chk" onclick="onCheckBoxClick(this)" />
</td>
<td style="width: 75px">
<%#DataBinder.Eval(Container.DataItem, "name")%>
</td>
<td style="width: 75px">
<%#DataBinder.Eval(Container.DataItem, "fname")%>
</td>
<td style="width: 75px">
<%#DataBinder.Eval(Container.DataItem, "lname")%>
</td>
</tr>
</table>
</ItemTemplate>
</telerik:RadComboBox>

Server Side Code:

   Protected Sub cbxSearch_ItemsRequested(ByVal sender As Object, ByVal e As RadComboBoxItemsRequestedEventArgs RadComboBoxItemsRequestedEventArgs) Handles cbxSearch
.ItemsRequested


Dim lstUsers = DatabaseCall(e.Text, e.NumberOfItems + 1, e.NumberOfItems + 100)

If lstUsers.Count < 100Then
  e.EndOfItems = True
Else
e.EndOfItems = False
End If

Try
cbxSearch.Datasource= lstUsers
cbxSearch.DataBind()
Catch
e.Message = "No matches"
End Try

End Sub


Protected Sub cbxSearch_ItemDataBound(ByVal sender As Object, ByVal e As RadComboBoxItemEventArgs) Handles cbxSearch.ItemDataBound
e.Item.Text = (DirectCast(e.Item.DataItem, user)).name
e.Item.Value = (DirectCast(e.Item.DataItem,user)).Id.ToString()
End Sub

Js:
function onCheckBoxClick(chk) {
var combo = $find(cbxSearch);
var selectedItems = $("hdField");
var text = "";
var selectedIds = "";
var items = combo.get_items();
for (var i = 0; i < items.get_count(); i++) {
var item = items.getItem(i);
var chk = $get(combo.get_id() + "_i" + i + "_chk");
if (chk.checked) {
text += item.get_text() + ",";
selectedIds += item.get_value() + ",";
}
}
text = text.replace(/,$/, "");
userinfoIds = selectedIds.replace(/,$/, "");
combo.set_text(text);
selectedItems.value = selectedIds;
}

With the help of this tutorial http://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/templates/defaultcs.aspx

I was able to build multi column multi select combobox with load on demand.
But i am facing a problem when I scroll down in the combobox to get next 100 items from the database, im able to bind next 100 items to combobox but the client Ids of checkboxes are same as previous 100 .
  var chk = $get(combo.get_id() + "_i" + i + "_chk");

So im not able to figure out which items are selected.

Any help will be appreciated.

Thanks

ComboBox

answered on 11 Jun 2013

1 answer

145 views

RadFormDecorator does not decorate input type=button when class attribute is present

RadFormDecorator does not decorate input type=button when class attribute is present.
Demo below.
Regards

<%@ Page Title="" Language="C#" MasterPageFile="~/TestUnit/TelerikBug/DecoratedButtonMaster.Master" AutoEventWireup="true" CodeBehind="DecoratedButton.aspx.cs" Inherits="TestUnit.TelerikBug.DecoratedButton" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

<script type="text/javascript" src="jquery-1.8.3.js"></script>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<div id="addbuttonpanelid">