Questions on UI for ASP.NET AJAX Forum

1 answer

371 views

I'm unable to get a RadListBox to sort.

.Net 4.5; version 2015.1.225.45

Here is the code below:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="WebApplication1._default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
            <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="false" />
            <telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" CssClass="demo-containers">
                <div class="demo-container size-thin">
                    <telerik:RadListBox
                        ID="RadListBox1"
                        runat="server"
                        Sort="Descending"
                        DataSortField="t"
                        CheckBoxes="true"
                        ShowCheckAll="true" >
                    </telerik:RadListBox>
                </div>
        </telerik:RadAjaxPanel>
     </form>
</body>
</html>

       protected void Page_Load(object sender, EventArgs ed)
        {
            DataTable dt = new DataTable();
            dt.Clear();
            dt.Columns.Add("v");
            dt.Columns.Add("t");
            DataRow a = dt.NewRow();
            a["v"] = "1"; a["t"] = "a";
            dt.Rows.Add(a);
            DataRow b = dt.NewRow();
            b["v"] = "2"; b["t"] = "f";
            dt.Rows.Add(b);
            DataRow c = dt.NewRow();
            c["v"] = "3"; c["t"] = "d";
            dt.Rows.Add(c);
            DataRow d = dt.NewRow();
            d["v"] = "4";d["t"] = "x";
            dt.Rows.Add(d);
            DataRow e = dt.NewRow();
            e["v"] = "5"; e["t"] = "b";
            dt.Rows.Add(e);

            RadListBox1.DataSource = dt;
            RadListBox1.DataTextField = "t";
            RadListBox1.DataValueField = "v";
            RadListBox1.DataBind();
        }

ListBox

answered on 24 Apr 2015

8 answers

231 views

RadScheduler Recurrence Editor layout issue in Internet Explorer 11

Hi there

It seems as if there is a layout problem with the RadScheduler's Recurrence Editor in Internet Explorer 11:

When we open a RadWindow showing the recurrence editor in IE11, everything seems to be cramped together. Setting the height and / or width of the RadWindow or Recurrence Editor does not resolve the problem.

See attached images of how it is displayed.

We don't have the same problem in other browsers like Firefox and Chrome and we are using the latest Telerik controls.

Our code is:

<body>

<form id="form1" runat="server">

<div>

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<telerik:RadSchedulerRecurrenceEditor runat="server" ID="AppointmentRecurrenceEditor"

SharedCalendarID="SharedCalendar" StartDate="2000-01-20" />

<telerik:RadCalendar runat="server" ID="SharedCalendar" ShowRowHeaders="false" RangeMinDate="1900-01-01" />

<asp:HiddenField runat="server" ID="OriginalRecurrenceRule" />

</div>

</form>

</body>

Thanks

Gerrit

Scheduler

answered on 23 Apr 2015

4 answers

69 views

Text Box Value point to Value on Telerik RadGrid

Is there anybody can help me to do like this on attachment? I have one text box and one telerik grid and one button. What I want to do is when user enter room no in text box and click GO button then I want to point out text box value on grid because grid have many records.I would like to show attached screen shot.

Thanks

Ajax

answered on 23 Apr 2015

6 answers

272 views

Client Transfer in RadListBox not saving after post back

Hello,

I have a problem with RadListBox in a Control Page (.ASCX). Everything seems to work fine when transferring from one RadListBox to a second one from client-side.

The problem is after post back. Changes are not being read. These are my JS and ASPX codes.

I would appreciate any help. Thank you.

var listBox;

var listBox2;

function transferItem(item, lbSource, lbTarget) {

var itemsTarget = lbTarget.get_items();

lbTarget.trackChanges();

itemsTarget.insert(0, item);

lbTarget.commitChanges();

}

function pageLoad() {

var $ = $telerik.$;

listBox = $find("<%= AllLanguages.ClientID %>");

listBox2 = listBox.get_transferTo();

}

function transferRight() {

var items = listBox.get_selectedItems();

for (var i = 0; i < items.length; i++) {

var item = items[i];

if (item.get_text() != "Select" || item.get_value() != "") {

transferItem(item, listBox, listBox2);

}

listBox.clearSelection();

listBox2.clearSelection();

return false;

}

function transferLeft() {

var items = listBox2.get_selectedItems();

for (var i = 0; i < items.length; i++) {

var item = items[i];

if (item.get_text() != "Select" || item.get_value() != "") {

transferItem(item, listBox2, listBox);

}

listBox.clearSelection();

listBox2.clearSelection();

return false;

}

function removeAll() {

var items = listBox2.get_items();

for (var i = items.get_count() - 1 ; i > -1 ; --i) {

transferItem(items.getItem(i), listBox2, listBox);

}

<table border="0" style="width: 760px; border-collapse: collapse; border-spacing: 0px">

<tr>

<td>Available:</td>

<td></td>

<td>Selected:</td>

</tr>

<tr>

<td>

<telerik:RadListBox ID="AllLanguages" runat="server" Height="500px" Width="300px" SelectionMode="Multiple" TransferToID="SelectedLanguages"></telerik:RadListBox>

</td>

<td>

<telerik:RadButton ID="btnAdd" runat="server"

Text="Add >" Width="100px" OnClick="btnAdd_Click" OnClientClicked="transferRight" AutoPostBack="False" UseSubmitBehavior="False"></

telerik:RadButton>

<br />

<telerik:RadButton ID="btnRemove" runat="server" Text="< Remove" Width="100px" OnClientClicked="transferLeft" AutoPostBack="False" UseSubmitBehavior="False"></telerik:RadButton>

<br />

<telerik:RadButton ID="btnRemoveAll" runat="server" Text="Remove All" Width="100px" OnClientClicked="removeAll" AutoPostBack="False" UseSubmitBehavior="False"></telerik:RadButton>

<br />

</td>

<td>

<telerik:RadListBox ID="SelectedLanguages" runat="server" Height="500px" Width="300px" OnClientLoad="pageLoad"></telerik:RadListBox>

</td>

</tr>

</table>

ListBox

answered on 23 Apr 2015

2 answers

396 views

"No child records to display" when records exist

I have a hierarchical radgrid that is displaying "No child records to display" even when records exist. See attached photo. Below is my RadGrid definition:

<telerik:RadGrid ID="RadGrid1" runat="server" ShowStatusBar="true" AutoGenerateColumns="False"

AllowSorting="True"

OnDetailTableDataBind="RadGrid1_DetailTableDataBind" OnNeedDataSource="RadGrid1_NeedDataSource"

OnPreRender="RadGrid1_PreRender" GroupPanelPosition="Top" OnBatchEditCommand="RadGrid1_BatchEditCommand" Skin="Office2010Black"

AllowFilteringByColumn="True" CellSpacing="-1" GridLines="Both" Visible="false">

<MasterTableView DataKeyNames="wbs_id" RetainExpandStateOnRebind="True" AllowMultiColumnSorting="True" CommandItemDisplay="Top">

<DetailTables>

<telerik:GridTableView runat="server" Width="100%" DataKeyNames="task_id" RetainExpandStateOnRebind="True" Name="Steps">

<CommandItemSettings ShowAddNewRecordButton="False"></CommandItemSettings>

</telerik:GridTableView>

<telerik:GridTableView runat="server" Width="100%" DataKeyNames="task_id" RetainExpandStateOnRebind="True" Name="Steps">

<DetailTables>

<telerik:GridTableView runat="server" Width="100%" DataKeyNames="task_id" RetainExpandStateOnRebind="True" EditMode="Batch" Name="StepDetails" CommandItemDisplay="Top">

</telerik:GridTableView>

</DetailTables>

</telerik:GridTableView>

</DetailTables>

<CommandItemSettings ShowAddNewRecordButton="False"></CommandItemSettings>

</MasterTableView>

<PagerStyle Mode="NumericPages"></PagerStyle>

<MasterTableView DataKeyNames="wbs_id" AllowMultiColumnSorting="True" CommandItemDisplay="Top" RetainExpandStateOnRebind="true">

<CommandItemSettings ShowAddNewRecordButton="false" ShowRefreshButton="true"></CommandItemSettings>

<DetailTables>

<telerik:GridTableView DataKeyNames="task_id" Name="Steps" Width="100%" RetainExpandStateOnRebind="true">

<DetailTables>

<telerik:GridTableView DataKeyNames="task_id" Name="StepDetails" Width="100%" EditMode="Batch" CommandItemDisplay="Top" RetainExpandStateOnRebind="true">

<CommandItemSettings ShowSaveChangesButton="true" ShowCancelChangesButton="true" ShowAddNewRecordButton="false" />

<Columns>

<telerik:GridBoundColumn SortExpression="proc_id" HeaderText="proc id" HeaderButtonType="TextButton"

DataField="proc_id" Display="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="proc_name" HeaderText="Step Name" HeaderButtonType="TextButton"

DataField="proc_name" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="proc_wt" HeaderText="Step Weight" HeaderButtonType="TextButton"

DataField="proc_wt" ReadOnly="true" AllowFiltering="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="complete_pct" HeaderText="Percent Complete" HeaderButtonType="TextButton"

DataField="complete_pct" ReadOnly="true" AllowFiltering="false">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="CompleteFlag" DataField="complete_flag" HeaderText="Complete" ReadOnly="true"

AllowFiltering="false">

<ItemTemplate>

<asp:CheckBox ID="CheckBox1" runat="server" Checked='<%#DataBinder.Eval (Container.DataItem,"complete_flag").ToString()!="N"? true:false %>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridDateTimeColumn MinDate="2013-01-01" DataField="act_start" HeaderText="Actual Start" SortExpression="act_start"

UniqueName="act_start" DataType="System.DateTime" FilterControlAltText="Filter act_start column" DataFormatString="{0:yyyy/MM/dd}"

ItemStyle-BackColor="#c6f3ff" AllowFiltering="false">

</telerik:GridDateTimeColumn>

<telerik:GridDateTimeColumn MinDate="2013-01-01" DataField="est_act_finish" HeaderText="Est/Actual Finish" SortExpression="est_act_finish"

UniqueName="est_act_finish" DataType="System.DateTime" FilterControlAltText="Filter est_act_finish column" DataFormatString="{0:yyyy/MM/dd}"

ItemStyle-BackColor="#c6f3ff" AllowFiltering="false">

</telerik:GridDateTimeColumn>

<telerik:GridBoundColumn SortExpression="complete_pct_upd" HeaderText="Updated Percent Complete" HeaderButtonType="TextButton"

DataField="complete_pct_upd" DataType="System.Decimal" ItemStyle-BackColor="#c6f3ff" AllowFiltering="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="last_updated" HeaderText="Last Updated" HeaderButtonType="TextButton"

DataField="last_updated" ReadOnly="true" DataType="System.DateTime" DataFormatString="{0:yyyy/MM/dd}"

AllowFiltering="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="updated_by" HeaderText="Updated By" HeaderButtonType="TextButton"

DataField="updated_by" ReadOnly="true" AllowFiltering="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="comments" HeaderText="Comments" HeaderButtonType="TextButton"

DataField="comments" ReadOnly="false" DataType="System.String" AllowFiltering="false" ItemStyle-BackColor="#c6f3ff">

</telerik:GridBoundColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridBoundColumn SortExpression="task_id" HeaderText="task_id" HeaderButtonType="TextButton"

DataField="task_id" Display="false" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="task_code" HeaderText="Activity ID" HeaderButtonType="TextButton"

DataField="task_code" UniqueName="task_code" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="task_name" HeaderText="Activity Name" HeaderButtonType="TextButton"

DataField="task_name" UniqueName="task_name" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="start" HeaderText="Start" HeaderButtonType="TextButton"

DataField="start" UniqueName="start" DataType="System.DateTime" ReadOnly="true" DataFormatString="{0:yyyy/MM/dd}"

AllowFiltering="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="finish" HeaderText="Finish" HeaderButtonType="TextButton"

DataField="finish" UniqueName="finish" DataType="System.DateTime" ReadOnly="true" DataFormatString="{0:yyyy/MM/dd}"

AllowFiltering="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="remain_work_qty" EmptyDataText="" HeaderText="Remaining Hours"

SortExpression="remain_work_qty" UniqueName="remain_work_qty" DataType="System.Decimal"

ReadOnly="true" AllowFiltering="false" DataFormatString="{0:0}">

</telerik:GridBoundColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridBoundColumn SortExpression="wbs_id" HeaderText="wbs_id" HeaderButtonType="TextButton"

DataField="wbs_id" Display="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn SortExpression="wbs_name" HeaderText="Work Package" HeaderButtonType="TextButton"

DataField="wbs_name">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

This is how it is being bound:

protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

if (RadComboBox1.SelectedIndex != -1 && RadDropDownList1.SelectedIndex != -1)

{

string projid = RadDropDownList1.SelectedValue;

string cam = RadComboBox1.SelectedValue;

if (!e.IsFromDetailTable)

{

RadGrid1.DataSource = GetDataTable("SELECT * FROM PrimaveraWbs WHERE proj_id = " + projid + " and name = '" + cam + "'");

}

public DataTable GetDataTable(string query)

{

String ConnString = ConfigurationManager.ConnectionStrings["PSMSystemConnectionString"].ConnectionString;

SqlConnection conn = new SqlConnection(ConnString);

SqlDataAdapter adapter = new SqlDataAdapter();

adapter.SelectCommand = new SqlCommand(query, conn);

DataTable myDataTable = new DataTable();

conn.Open();

try

{

adapter.Fill(myDataTable);

}

finally

{

conn.Close();

}

return myDataTable;

}

protected void RadGrid1_DetailTableDataBind(object source, Telerik.Web.UI.GridDetailTableDataBindEventArgs e)

{

GridDataItem dataItem = (GridDataItem)e.DetailTableView.ParentItem;

switch (e.DetailTableView.Name)

{

case "Steps":

{

string wbs_id = dataItem.GetDataKeyValue("wbs_id").ToString();

e.DetailTableView.DataSource = GetDataTable("SELECT * FROM PrimaveraTask WHERE wbs_id = " + wbs_id + " ORDER BY task_code");

break;

}

case "StepDetails":

{

string task_id = dataItem.GetDataKeyValue("task_id").ToString();

e.DetailTableView.DataSource = GetDataTable("SELECT * FROM PrimaveraSteps WHERE task_id = " + task_id + "");

break;

}

protected void RadGrid1_PreRender(object sender, EventArgs e)

{

string acb = RadDropDownList1.SelectedText;

if (RadComboBox1 != null && RadDropDownList1.SelectedIndex != -1)

{

if (!Page.IsPostBack)

{

RadGrid1.MasterTableView.Items[0].Expanded = true;

RadGrid1.MasterTableView.Items[0].ChildItem.NestedTableViews[0].Items[0].Expanded = true;

}

How do I ensure that this message is not displayed when records do exist?

Thanks in advance,

Josh

Grid

answered on 23 Apr 2015

1 answer

147 views

Rad Grid - Add/Edit mode popup - Close popup on client side

Hi,
I want when user clicks outside of rad grid modal popup it should close the popup window. I need to make this only from client side

Grid

answered on 23 Apr 2015

8 answers

82 views

Dialogs in online demo fails

Please double check your online demo pages, e.g. http://demos.telerik.com/aspnet-ajax/imageeditor/examples/overview/defaultcs.aspx

Try to open the Crop dialog (in IE11):

SCRIPT5022: Sys.WebForms.PageRequestManagerParserErrorException: The message received from the server could not be parsed. Common causes for this error are when the response is modified by calls to Response.Write(), response filters, HttpModules, or server trace is enabled.
Details: Error parsing near 'HwdlHwoCAh8LaB8MaGRk'.
File: Telerik.Web.UI.WebResource.axd, Line: 15, Column: 16485

ImageEditor

answered on 23 Apr 2015

1 answer

120 views

SelectedValue not changing

I have a RadDropDownTree. I populate it with a hierarchy from the database. I set the "SelectedValue" equal to whatever group an employee belongs to (based on database record).

So for example: DropDownTree loads and selects "bakery" based on it's ID in the db.

Store

-->cashier

-->bakery (selected)

-->maintenance

So now I click on "cashier" and hit update. On the server side, the DropDownTree.SelectedValue is still equal to the ID of the "bakery". Why is the change not being sent to the server side?

DropDownTree

answered on 23 Apr 2015

3 answers

131 views

How to use RadDatePicker inside a Custom Server Control using HttpTextWriter

How do I use RadDatePicker inside a Custom Server Control using HttpTextWriter? It seems that the Telerik control hates the invocation of `RenderControl` outside of a UI.Page class. Its a shame as the standard .Net controls honor `RenderControl(writer)` perfectly - yet Telerik controls don't. I assume this has to do with the script manager and registering events.

How can I get the flexibility of custom server controls whilst still being able to place Telerik controls inside them. User controls are not the answer.

Any suggestions or implementations?

Thankyou.

Input

answered on 23 Apr 2015

26 answers

1.0K+ views

Filtering with linq through an ObjectDataSource

Hello,

I am using a custom data object with a select-method that collects data from different tables, adding data from cached object collections etc. This is done with linq. It's working great with one exception: filtering data. When filtering data I cant get the filtering expression in a linq-syntax.

My radgrid has EnableLinqExpressions set to true, and my ObjectDataSource looks like below:

    
                <asp:ObjectDataSource ID="ObjectDataSource1" TypeName="MyNameSpace.DataAccessLayer.UserDataObject" 
        
                    SelectMethod="Select" SelectCountMethod="SelectCount" EnablePaging="True" runat="server" 
        
                    MaximumRowsParameterName="maximumRow" OldValuesParameterFormatString="original_{0}" 
        
                    OnSelecting="ObjectDataSource1_Selecting" OnSelected="ObjectDataSource1_Selected"> 
        
                    <SelectParameters> 
        
                        <asp:Parameter Name="shopID" Type="Int32" /> 
        
                        <asp:Parameter Name="filter" Type="String" /> 
        
                        <asp:Parameter Name="sort" Type="Object" /> 
        
                        <asp:Parameter Name="startRowIndex" Type="Int32" /> 
        
                        <asp:Parameter Name="maximumRow" Type="Int32" /> 
        
                    </SelectParameters> 
        
                </asp:ObjectDataSource>

I set the parameters in the selecting-event of the ObjectDataSource:

    
                protected void ObjectDataSource1_Selecting(object sender, ObjectDataSourceSelectingEventArgs e) 
        
                { 
        
                    e.InputParameters["shopID"] = thisShop.ShopID; 
        
                    e.InputParameters["filter"] = RadGrid1.MasterTableView.FilterExpression; 
        
                    e.InputParameters["sort"] = RadGrid1.MasterTableView.SortExpressions.GetSortString(); 
        
                    e.InputParameters["startRowIndex"] = RadGrid1.CurrentPageIndex*RadGrid1.PageSize; 
        
                    e.InputParameters["maximumRow"] = RadGrid1.PageSize; 
        
                }

How can I get the filterexpression to be in a linq-friendly format so that I can use it in my linq-query?

Grid

answered on 23 Apr 2015