Questions on UI for ASP.NET AJAX Forum

1 answer

125 views

GridBinaryImageColumn value in grid with Batch Edit

Hello,

I´ve a Radgrid with GridBinaryImageColumn workin in batch edit mode.

In the BatchEditCommand, I am not able to get the binary value of the image and I can not upload control access to try to get it.

I've tried to make using the properties UploadControlType Async and normal

Can you upload an example of how you solve this problem?

Thank you very much.

Regards

Grid

answered on 26 Nov 2013

1 answer

74 views

Aggregated footer with LoadOnDemand not working

Hi folks.

I have a treelist control on my page where I load the items dynamicaly. At each section I'd like to have aggregated sums at the bottom. I thing I have all set correctly regarding online demos but the result footer are all empty.

I use this code:

<telerik:RadTreeList ID="rtlData" AllowLoadOnDemand="true" runat="server" AutoGenerateColumns="false"
OnChildItemsDataBind="RadTreeList_ChildItemsDataBind" OnNeedDataSource="RadTreeList_NeedDataSource"
DataKeyNames="CssClass,ParentId" ParentDataKeyNames="CssClass,ParentId" OnItemCreated="RadTreeList_ItemCreated"
OnItemDataBound="RadTreeList_ItemDataBound" ShowFooter="true">
<Columns>
<telerik:TreeListBoundColumn DataField="ProductCatL3" UniqueName="ProductCatL3" HeaderText="Produkt L3">
</telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="ProductCatL2" UniqueName="ProductCatL2" HeaderText="Produkt L2">
</telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="ProductCatL1" UniqueName="ProductCatL1" HeaderText="Produkt L1">
</telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="State" UniqueName="State" HeaderText="Stav" DataType="System.Decimal" DataFormatString="{0:C2}" Aggregate="Sum">
</telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="Avg1Month" UniqueName="Avg1Month" HeaderText="Průměr 1 měsíc" DataFormatString="{0:C2}" Aggregate="Avg">
</telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="Avg3Months" UniqueName="Avg3Months" HeaderText="Průměr 3 měsíce" DataFormatString="{0:C2}" Aggregate="Avg">
</telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="ApprovedLimit" UniqueName="ApprovedLimit" HeaderText="Schválený limit" DataFormatString="{0:C2}" Aggregate="Sum">
</telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="CssClass" UniqueName="Css" HeaderText="CSS" Visible="false">
</telerik:TreeListBoundColumn>
<telerik:TreeListBoundColumn DataField="ParentId" UniqueName="ParentId" HeaderText="ParentId" Visible="false">
</telerik:TreeListBoundColumn>
</Columns>
</telerik:RadTreeList>

What am I doing wrong that no footer are calculated and it only shows empty fields?

Sincerely
Scarlaxx

TileList

answered on 26 Nov 2013

1 answer

318 views

RadGrid Button to Open PDF document

I'm trying to add a button to a grid that opens a "converted" pdf file in code behind. Everything seems to be working as far as creating the bytes but nothing opens.

code: pdfFile does have results because I saved it locally just to make sure. It just won't open.

Dim DocumentServiceWS As New DocumentServices

Dim pdfFile As Byte()

pdfFile = DocumentServiceWS.GetDRDocumentPDF(_PRO, _DocType)

If Not (pdfFile Is Nothing) Then

Response.Buffer = True

Response.Clear()

Response.ContentType = "application/PDF"

Response.AddHeader("Content-Disposition:", "attachment; filename=Result.pdf")

Response.BinaryWrite(pdfFile)

Response.Flush()

Response.End()

End If

Grid

answered on 26 Nov 2013

7 answers

376 views

Cannot play wav files

I am trying to reproduce wav files but I do not know what is the problem. I works with youtube but not with my files

<telerik:RadMediaPlayer ID="RadMediaPlayer1" runat="server" Text="RadMediaPlayer"

Height="281px" Width="500px">

<Sources>

<%-- <telerik:MediaPlayerSource Path="http://www.youtube.com/watch?v=QuuUn2tm5wY" />--%>

<telerik:MediaPlayerSource Path=

"C:/code/dotnet4/PAPortal/files/voxeo/Confirmed By Recipient_12820-469398-cfc3410d2d1bcf81e8decaf11e87dafd-0-ReminderID-4578795.wav"

/>

</Sources

</telerik:RadMediaPlayer>

MediaPlayer

answered on 26 Nov 2013

2 answers

346 views

Hand cursor on series for drilldown

I have implemented drill down functionality for a column chart but I want my users to actually see they can click it by changing the cursor to the hand cursor on mouseover. I can see no way to get that done. Hoping someone can help.

Thanks!

Chart (HTML5)

answered on 26 Nov 2013

4 answers

363 views

[Solved] Setting Page Size when using Custom Paging

I setup a pager template per your example at:
http://demos.telerik.com/ASPNET/Prometheus/Grid/Examples/Programming/PagerTemplate/DefaultCS.aspx

This works fine by itself. I can set the page size successfully and the grid will change to the appropriate number of rows. I then implemented custom paging in order to speed up the database calls per your example at:
http://demos.telerik.com/ASPNET/Prometheus/Grid/Examples/Programming/CustomPaging/DefaultCS.aspx

For some reason the page size is not getting saved, so the when the post back occurs it still shows ten. This javascript function from the 2nd is example is getting called in both cases, but on the page load of the post back the first contains the updated page count while the other does not. Does custom paging keep this feature from working? If so is there a different way I should be setting the page count when using custom paging?

Thanks!
Levi

Grid

answered on 26 Nov 2013

2 answers

109 views

[Solved] Styling RadDock through CSS

Hi,

I am trying to apply CSS to a RadDock and having a bit of trouble getting things to work.

For example I am trying this CSS:

.rdExpand, .rdCollapse, .rdCollapsed {

background-position: 0px 0px !important;

height:60px !important;

}

When I inspect it in Chrome I can see it there but it is being overridden by value in WebResource.axd:

.RadDock.rdCollapsed {

height: 27px!important;

}

BTW I tried appending the classes with "div" like below but no dice :(

div.rdExpand, div.rdCollapse, div.rdCollapsed {

background-position: 0px 0px !important;

height:60px !important;

}

If there anyway of overridding this value with the one I have in my CSS?

Thanks,

Dave.

Dock

answered on 26 Nov 2013

1 answer

255 views

Combobox Dropdown doesn't show after item is clicked

I have a combo box inside an ajax panel like so

<telerik:RadScriptManager ID="manager" runat="server"></telerik:RadScriptManager>

<telerik:RadAjaxPanel ID="RadAjaxPanel3" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">

<telerik:RadComboBox ID="userInput" runat="server" AllowCustomText="True" CausesValidation="false" ShowToggleImage="False"

ShowMoreResultsBox="true" EnableLoadOnDemand="True" MarkFirstMatch="True"

OnItemsRequested="LoadSearch"

ErrorMessage="Value not Found" AutoPostBack="True" Width="300">

<CollapseAnimation Duration="1000" Type="InBack" />

</telerik:RadComboBox>

</telerik:RadAjaxPanel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" SkinID="Hay"

Height="25px" Transparency="1" BackgroundPosition="Center" >

<img alt="Loading..." src="../images/loading.gif" style="border: 0px;" />

</telerik:RadAjaxLoadingPanel>

When I click in it, it loads items and if I start typing, it also searches correctly. However, once I select an item, no more items will load. Even if I delete text, nothing comes up. Here's my code behind

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

userInput.DataSource = GetCustomers();

userInput.DataValueField = "Key";

userInput.DataTextField = "Value";

userInput.DataBind();

}//if !page.ispost

}//PageLoad

protected void LoadSearch(object sender, RadComboBoxItemsRequestedEventArgs e)

{

//get the list based on the search

IEnumerable<Vw_CustomersSearchView> customers = DbRepository.GetCustomersSearchView().Where(c => c.Customer.Contains(e.Text));

//how many items we'll show

int itemsPerReq = 10;

//keep count of the items

int count = 0;

RadComboBox box = (RadComboBox)sender;

box.Items.Clear();

//make sure we have at least one record

if (customers.Count() > 0)

{

//now add any customer items

foreach (var i in customers)

{

//if we're above 10, exit the loop

if (count >= itemsPerReq)

{

break;

}//if count > itemsper

//if we're here, add the items

box.Items.Add(new RadComboBoxItem(i.Customer, i.UserName));

count++;

}//foreach

}//if customers.count

else

{

e.Message = "No matches";

}

}//LoadSearch

/// <summary>

/// this returns a dictionary of the customers for the customer dropdown

/// </summary>

/// <returns></returns>

protected Dictionary<string, string> GetCustomers()

{

Dictionary<string, string> customersList = new Dictionary<string, string>();

//now add the items

var cTable = DbRepository.GetActiveCustomers().Where(a => a.LoyaltyCardNumber != null).Select(a => new {a.UserName, a.FirstName, a.LoyaltyCardNumber, a.LastName});

foreach (var i in cTable)

{

string name = String.Format("{0}{1}{2}{3}{4}", i.FirstName, " ", i.LastName, " - ", i.LoyaltyCardNumber);

customersList.Add(i.UserName, name);

}//foreach

return customersList;

}//GetCustomers

/// <summary>

/// if they picked an item in the combox box, repopulate it

/// </summary>

/// <param name="sender"></param>

/// <param name="e"></param>

protected void userInput_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)

{

userInput.DataSource = GetCustomers();

userInput.DataValueField = "Key";

userInput.DataTextField = "Value";

userInput.DataBind();

}//resetPasswordButtonClick

Here's a video of what's happening. How do I make it pull the dropdown again, even after you select an item. https://dl.dropboxusercontent.com/u/4979877/combo.swf

ComboBox

answered on 26 Nov 2013

1 answer

92 views

using Ajax controls slows down considerably with IE

I have a scenario where i am using a RadCombobox to filter the DataSource for an asp.net Repeater.
i will try my best to explain what is happening first, with the code snippets below the explanation.

so the way the code works, is that every time someone types something in the combobox, it will fire the 'onKeyUp' attribute which calls the 'handleKeyPress' javascript method.
this method will call the 'InitiateAjaxRequest' javascript method after its done a few bits of checking.

the 'InitiateAjaxRequest' javascript method will merely call the AjaxRequest which will call the vb.net method 'ajxMan_AjaxRequest'. This will rebind the Repeater with the information i want to show.

when testing on localhost, i can type in the box as fast as i like and it works brilliantly. it doesn't matter what Browser i use.
when i upload it to my testing server, it works fine on Chrome and Safari but IE 11 (and 10, 9 & 8) cannot handle me typing so fast. it ends up looking like its not doing anything but after awhile (anything up to a couple of minutes) it will bring back the data i am expecting. if i type 1 or 2 characters at a time, the Repeater will refresh correctly. typing at least 4 or 5 characters in quick succession, with no pause, causes the hanging.
i found a piece of code that allows the code within 'handleKeyPress' to run if no keys have been pressed for 1 second, and this solves the problem but the pause is not really acceptable to me.

is there anything obvious that i am doing wrong, or anything i can do to resolve this? i would like the Repeater to be rebound with minimal pause between the typing and the stopping-typing.

the combobox is declared in the aspx.vb code:

Protected cmb As New RadComboBox

private sub buildCombobox

cmb = New RadComboBox

cmb.ID = "cmbSearch"

cmb.ShowDropDownOnTextboxClick = False

cmb.OnClientLoad = "firstItemEmptyOnLoad"

cmb.MarkFirstMatch = True

cmb.DataTextField = "StockItemName"

cmb.DataValueField = "StockItemID"

cmb.ShowToggleImage =

False

cmb.Attributes("onkeyup") = "handleKeyPress();"

Master.Menubar.Add(cmb)

If Not Page.IsPostBack Then
cmb.DataSource = _recipe.getItems(ID, DivisionId)
ViewState("cmbDataSource") = cmb.DataSource
cmb.DataBind()
End If

end sub

I have the following in the aspx:

<telerik:RadCodeBlock ID="RadCodeBlock2" runat="server">

<telerik:RadAjaxManager ID="ajxMan2" runat="server" OnAjaxRequest="ajxMan_AjaxRequest">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="ajxMan2">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Transparency="100">

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">

<asp:Repeater ID="r2" runat="server" >

<HeaderTemplate>

<table class="grid" >

<tr class="gridHeader">

<th>

Stock Item</th>

<th>

Stock Size Group</th>

<th>

Batch

</th>

<th>

Can Order</th>

<th>

Stock Count</th>

<th>

Non Inventory</th>

<th>

Is Active</th>

<th></th>

</tr>

</HeaderTemplate>

<ItemTemplate>

<tr class='gridRow' onmouseover="this.className+=' gridRowOn'" onmouseout="this.className=this.className.replace(' gridRowOn','')"

onclick="window.location='StockItemAddEdit.aspx?StockItemID=<%#DirectCast(Container.DataItem, System.Data.DataRow)("StockItemID")%>'">

<td>

<%#DirectCast(Container.DataItem,System.Data.DataRow)("StockItemName").ToString %>

</td>

<td>

<%#DirectCast(Container.DataItem, System.Data.DataRow)("StockSizeGroupName").ToString%>

</td>

<td>

<asp:CheckBox ID="chkBatch" runat=server Enabled=false />

</td>

<td>

<asp:CheckBox ID="chkCanOrder" runat=server Enabled=false />

</td>

<td>

<asp:CheckBox ID="chkStockCount" runat=server Enabled=false />

</td>

<td>

<asp:CheckBox ID="chkNonInventory" runat=server Enabled=false />

</td>

<td>

<asp:CheckBox ID="chkIsActive" runat=server Enabled=false />

</td>

<td><asp:Label runat="server" Visible="false" id="lblBatch" Text='<%#DirectCast(Container.DataItem, System.Data.DataRow)("BatchItemYN")%>'></asp:Label></td>

<td><asp:Label runat="server" Visible="false" id="lblCanOrder" Text='<%#DirectCast(Container.DataItem, System.Data.DataRow)("CanOrderYN")%>'></asp:Label></td>

<td><asp:Label runat="server" Visible="false" id="lblStockCount" Text='<%#DirectCast(Container.DataItem, System.Data.DataRow)("StockCountYN")%>'></asp:Label></td>

<td><asp:Label runat="server" Visible="false" id="lblNonInventory" Text='<%#DirectCast(Container.DataItem, System.Data.DataRow)("NonInventoryYN")%>'></asp:Label></td>

<td><asp:Label runat="server" Visible="false" id="lblIsActive" Text='<%#DirectCast(Container.DataItem, System.Data.DataRow)("ActiveYN")%>'></asp:Label></td>

</tr>

</ItemTemplate>

<AlternatingItemTemplate>

<tr class=

'gridRowAlt' onmouseover="this.className+=' gridRowOn'" onmouseout="this.className=this.className.replace(' gridRowOn','')"

onclick="window.location='StockItemAddEdit.aspx?StockItemID=<%#DirectCast(Container.DataItem, System.Data.DataRow)("StockItemID")%>'">

<td>

<%#DirectCast(Container.DataItem, System.Data.DataRow)("StockItemName").ToString%>

</td>

<td>

<%#DirectCast(Container.DataItem, System.Data.DataRow)("StockSizeGroupName").ToString%>

</td>

<td>

<asp:CheckBox ID="chkBatch" runat=server Enabled=false />

</td>

<td>

<asp:CheckBox ID="chkCanOrder" runat=server Enabled=false />

</td>

<td>

<asp:CheckBox ID="chkStockCount" runat=server Enabled=false />

</td>

<td>

<asp:CheckBox ID="chkNonInventory" runat=server Enabled=false />

</td>

<td>

<asp:CheckBox ID="chkIsActive" runat=server Enabled=false />

</td>

<td><asp:Label runat="server" Visible="false" id="lblBatch" Text='<%#DirectCast(Container.DataItem, System.Data.DataRow)("BatchItemYN")%>'></asp:Label></td>

<td><asp:Label runat="server" Visible="false" id="lblCanOrder" Text='<%#DirectCast(Container.DataItem, System.Data.DataRow)("CanOrderYN")%>'></asp:Label></td>

<td><asp:Label runat="server" Visible="false" id="lblStockCount" Text='<%#DirectCast(Container.DataItem, System.Data.DataRow)("StockCountYN")%>'></asp:Label></td>

<td><asp:Label runat="server" Visible="false" id="lblNonInventory" Text='<%#DirectCast(Container.DataItem, System.Data.DataRow)("NonInventoryYN")%>'></asp:Label></td>

<td><asp:Label runat="server" Visible="false" id="lblIsActive" Text='<%#DirectCast(Container.DataItem, System.Data.DataRow)("ActiveYN")%>'></asp:Label></td>

</tr>

</AlternatingItemTemplate>

<FooterTemplate>

</table>

</FooterTemplate>

</asp:Repeater>

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

</telerik:RadAjaxPanel>

</telerik:RadCodeBlock>

and a javascript function like this:

function handleKeyPress()

{

var combo = $find('<%=cmb.ClientID%>');

// alert('handleKeyPress');

var filtText = String(combo._filterText);

var fullText = String(combo.get_text());

var actualFilterText = '';

for (var i = 0,len = filtText.length; i < len; i++){

if (filtText[i].toUpperCase() == fullText[i].toUpperCase()){

actualFilterText += filtText[i];

}else{

break;

}

document.getElementById('<%=hidAutoComplete.ClientID%>').value = actualFilterText;

InitiateAjaxRequest();

// <%'=Page.ClientScript.GetPostBackEventReference(hidAutoComplete, "Change")%>

// alrt('error');

}

function InitiateAjaxRequest(arguments) {

// alert('InitiateAjaxRequest');

var ajaxManager = $find("<%= ajxMan2.ClientID%>");

ajaxManager.ajaxRequest(arguments);

}

when the AjaxRequest gets fired, it will run the following code in the aspx.vb

Protected Sub ajxMan_AjaxRequest(sender As Object, e As AjaxRequestEventArgs)

'share the same datasource as the combobox, but filter it

Dim dt As DataTable = DirectCast(ViewState("cmbDataSource"), DataTable)

Using dt

r2.DataSource = dt.Select("StockItemName LIKE '" + hidAutoComplete.Value + "%'")

r2.DataBind()

r.Visible = False

r2.Visible = True

End Using

End Sub

Ajax

answered on 26 Nov 2013

3 answers

294 views

saving data when clicking on tabs

I have a radtabstrip which i use as a wizard.
I have previous and next buttons implemented to move to and fro tabs.
I also let the user to move between the tabs by clicking the tabs.

On the previous/next buttons i save some data and update a datatable.
I need to implement the same when moving between the tabs.

I can subscribe to the TabClick event but I don't know how to update the data on the particular tab I moved out from?
Any help?

TabStrip

answered on 26 Nov 2013