Questions on UI for ASP.NET AJAX Forum

6 answers

185 views

Q1 2012 Upgrade wizard little issues

Not a big deal, but wizard replaces Web.config with web.config (first letter capital -> small) which in turn causes SVN (at least TortoiseSVN) to act dumb.
Second thing, but I presume that this is a feature not a bug (although for me it's little annoying): Upgrade wizard replaces Telerik handlers in web.config entirely, so every upgrade I have to change from

type="Telerik.Web.UI.WebResource"
to

type="Telerik.Web.UI.WebResourceSession".

It would be really nice if you could change that..

Jacek

Installer and VS Extensions

answered on 02 Jul 2014

3 answers

76 views

Items Drag-and-drop between 3 or 4 RadGrids

Anybody can help me how to make dynamic drag and drop between RadGrid? Let say I have 4 RadGrid and I want 1st RadGrid's row to 2nd RadGrid or 3rd RadGrid or 4th RadGrid. As reverse 2nd RadGrid row to 1st or 3rd or 4th RadGrid. I appreciate any reference or tutorial.

Thanks & Best Regards
HAN

Grid

answered on 02 Jul 2014

1 answer

57 views

OnAjaxRequest cannot fire on IE and FireFox But working on Chrome

Can any body help me why does IE and FireFox cann't fire OnAjaxRequest. But Chrome can work properly . I want to publish my code

ASPX

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
<Scripts>
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
<asp:ScriptReference Path="~/JavaScripts/lib/jquery-ui-1.10.4.min.js" />
<asp:ScriptReference Path="~/JavaScripts/lib/jquery.blockUI.min.js" />
<asp:ScriptReference Path="~/JavaScripts/lib/Json2.min.js" />
</Scripts>
<Services>
<asp:ServiceReference Path="~/Services/ReservationService.asmx" />
</Services>
</telerik:RadScriptManager>
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RadAjaxManager1"/>
<telerik:AjaxUpdatedControl ControlID="grdBillingContact" />
<telerik:AjaxUpdatedControl ControlID="hdnChkEmptyRow" />
<telerik:AjaxUpdatedControl ControlID="grdTrans" />
<telerik:AjaxUpdatedControl ControlID="grdLedger1" />
<telerik:AjaxUpdatedControl ControlID="grdLedger2" />
<telerik:AjaxUpdatedControl ControlID="grdLedger3" />
<telerik:AjaxUpdatedControl ControlID="grdLedger4" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="grdBillingContact">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="grdBillingContact" />
<telerik:AjaxUpdatedControl ControlID="hdnChkEmptyRow" />
</UpdatedControls>
</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="grdTrans">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="grdTrans" />
</UpdatedControls>
</telerik:AjaxSetting>
<telerik:AjaxSetting AjaxControlID="RadTabStrip1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="grdBillingContact" />
<telerik:AjaxUpdatedControl ControlID="hdnChkEmptyRow" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
<ClientEvents OnRequestStart ="RequestStart" OnResponseEnd="ResponseEnd" />
</telerik:RadAjaxManager>

function onRowDropping(sender, args) {
var draggedItems = args.get_draggedItems();
var rateKey = null;
if (draggedItems.length === 1) {
rateKey = draggedItems[0].getDataKeyValue('ReservationRateKey');
}
var destinationHtmlElement = args.get_destinationHtmlElement();
var sender_id = sender.get_id();
switch (sender_id) {
case 'grdLedger1': {
if (isChildOf('<%=grdLedger2.ClientID %>', destinationHtmlElement)) {
if (rateKey !== null) {
var cmd = 'UpdateLedger|' + rateKey + '|2';
AjaxRequest(cmd);
}
}
else if (isChildOf('<%=grdLedger3.ClientID %>', destinationHtmlElement)) {
if (rateKey !== null) {
var cmd = 'UpdateLedger|' + rateKey + '|3';
AjaxRequest(cmd);
}
}
else if (isChildOf('<%=grdLedger4.ClientID %>', destinationHtmlElement)) {
if (rateKey !== null) {
var cmd = 'UpdateLedger|' + rateKey + '|4';
AjaxRequest(cmd);
}
}
else {
args.set_cancel(true);
}
}
break;
}
}
function isChildOf(parentId, element) {
while (element) {
if (element.id && element.id.indexOf(parentId) > -1) {
return true;
}
element = element.parentNode;
}
return false;
}

function AjaxRequest(command) {
var ajaxManager = $find("<%= RadAjaxManager1.ClientID %>");
ajaxManager.ajaxRequest(command);
}

.CS

protected void RadAjaxManager1_AjaxRequest(object sender, AjaxRequestEventArgs e)
{
// base.RaisePostBackEvent(source, eventArgument);
string eventArgument = e.Argument;
if (eventArgument != null)
{
if (eventArgument.StartsWith("UpdateLedger|"))
{
string[] strs = eventArgument.Split('|');
if(strs.Length == 3)
{
Guid? rateKey = Others.GetGuid(strs[1]);
int? ledger = Others.GetIntFromString(strs[2]);
if (rateKey.HasValue && ledger.HasValue)
{
bool updated = HMSModel.BLL.ReservationRateDB.UpdateReservationRateLedger(rateKey.Value, ledger.Value, ConnectionManager.CreateConnection(true));
if(updated)
{
this.LoadAllData(); // Reload all the data before rebind
BindLedgerList();
}
}
}
}
}
}

Ajax

answered on 02 Jul 2014

4 answers

169 views

[Solved] Binding to ASMX always empty

Hi,

I am trying to bind a simple RadListView using a WebService (ASMX).

Here is my code:

<telerik:RadListView runat="server" ID="lvTest">

<ClientSettings>

<DataBinding>

<ItemTemplate>

<div class="item">

#= Text#

</div>

</ItemTemplate>

<EmptyDataTemplate>

<div>No items</div>

</EmptyDataTemplate>

<DataService Location="~/Code/GenericHandlers/TestWS.asmx" DataPropertyName="Data" CountPropertyName="Count"

DataPath="GetData" SortParameterType="Linq" FilterParameterType="Linq" />

</DataBinding>

</ClientSettings>

</telerik:RadListView>

Here is my TestWS.asmx (Json() simply convert the object to a Json string using the JavascriptSerializer):

<System.Web.Script.Services.ScriptService()> _

<System.Web.Services.WebService(Namespace:="http://tempuri.org/")> _

<System.Web.Services.WebServiceBinding(ConformsTo:=WsiProfiles.BasicProfile1_1)> _

<ToolboxItem(False)> _

Public Class TestWS

Inherits System.Web.Services.WebService

<WebMethod()> _

Public Function GetData() As String

Return Json(New With {Key .Data = New Temp() {New Temp("Item1"), New Temp("Item2")}, .Count = 2})

End Function

End Class

Public Class Temp

Private _text As String

Public Property Text() As String

Get

Return _text

End Get

Set(ByVal value As String)

_text = value

End Set

End Property

Public Sub New(ByVal pText As String)

_text = pText

End Sub

End Class

When I run the page, I can see in the Chrome debugger that GetData is correctly called and return this:
{"d":"{\"Data\":[{\"Text\":\"Item1\"},{\"Text\":\"Item2\"}],\"Count\":2}"}

But I can't understand why the ListView is still empty and don't show the data.

What did I miss there?

Jocelyn

ListView

answered on 02 Jul 2014

3 answers

108 views

Telerik Rad Ajax Loading Panel issue

Hi,

In my asp.net page i have a weird issue.

I have Rad Tree View and RAD Grid in the page.

I am using drag and drop of nodes from Tree view to Grid.

For the first Drag and Drop, the Ajax loading panel will not work. in the sense ajax will not be intiated the whole page gets refreshed.

Whereas for the second drag and drop the ajax loading panel will work fine without any issue,

May i know where i am going wrong.

Please advise

Ajax

answered on 02 Jul 2014

2 answers

247 views

[Solved] Change header font color client side

I'm trying to change the header font color on a dynamically added user control RadGrid without much success. I can change the main data of the Radgrid in any way I like (colors, font size, background, etc..), but it seems this isn't the case with the header section of the Grid.

Using Chrome and looking at the grid via the "Elements" tab through the developer tool I can clearly see the rgb font color (color: rgb(255, 0, 0);) being applied to the header section, yet the color change is never visually shown. I've even tried appending on "!important" which does nothing either.

$('#ctl00_MainContent_Grid_7011_ctl00_Header th').css('color', _newColor); //set color of Grid header text - doesn't work???
$('#ctl00_MainContent_Grid_7011_ctl00_Header').css('color', _newColor); //set color of Grid header text - doesn't work???
$('#ctl00_MainContent_Grid_7011_GridHeader').css('color', _newColor); //set color of Grid header text - doesn't work???

$('#ctl00_MainContent_Grid_7011_GridData').css('color', _newColor); //set data color - this works just fine

A section of the Grid markup which shows the color being applied, yet visually unchanged:

<thead>
<tr class="rgMultiHeaderRow">
<th scope="col" id="ctl00_MainContent_Grid_7011_ctl00ExpandColumn1_MultiHeader-1" class="rgHeader rgExpandCol" rowspan="3" style="color: rgb(255, 0, 0);"> </th><th scope="col" class="rgHeader" colspan="10" style="font-size: 12pt; font-weight: bold; color: rgb(255, 0, 0);">Type Performance</th>
</tr><tr class="rgMultiHeaderRow">
<th scope="col" id="ctl00_MainContent_Grid_7011_ctl00Application0_MultiHeader2" class="rgHeader" rowspan="2" style="color: rgb(255, 0, 0);"><a title="Click here to sort" href="javascript:__doPostBack('ctl00$MainContent$Grid_7011$ctl00$ctl02$ctl03$ctl00','')">Application</a></th>

Grid

answered on 02 Jul 2014

9 answers

359 views

[Solved] visibility of GridNumericColumn of Telerik grid at runtime

Hi There

I would like to make the visibility of GridNumericColumn of Telerik grid at runtime.

I have a control at my web page say dropdown box with three different values and what I want when dropdown box got a value single then I would like to make the visibility of GridNumericColumn to false.

I hope someone might be able to help me

Thanks

Syed

Grid

answered on 02 Jul 2014

1 answer

134 views

Ned to remove Textboxes from Rad Color Picker

Hello,

I have used following line of to use Rad color picker for my
application:

<telerik:RadColorPicker runat="server"
ID="rcpMedian"
PaletteModes="WebPalette"
KeepInScreenBounds="false"
Overlay="true"
Visible="true"
ShowIcon="true"
Width="300"></telerik:RadColorPicker>

When I browsed my application, I found
the textboxes of R, G, B, H, S, B got displaced un evenly (please see attachement).

Can you please tell me solution of
this?

If there is no solution of it then
is there any way to remove these textboxes from color picker and to display
only HSB color grid?

Thanks,

pankaj

ColorPicker

answered on 02 Jul 2014

1 answer

66 views

[Solved] Using Splitter with linked bookmarks on a long page

I have a long page, I want to use the RadSplitter to split the page using bookmarks within the same page. As you have used on the demo page - overview page. http://demos.telerik.com/aspnet-ajax/splitter/examples/overview/defaultcs.aspx

Could you let me know how to get the same functionality by sharing code of the overview page.

regards,

HS Gill

Splitter

answered on 02 Jul 2014

1 answer

81 views

big problems using grid ... (selected value always null / checkbox as bool not working)

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadGrid1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1"></telerik:AjaxUpdatedControl>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid2" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid3" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
                    <telerik:AjaxUpdatedControl ControlID="PrivilegeTypeText"></telerik:AjaxUpdatedControl>
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadGrid2">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid2"></telerik:AjaxUpdatedControl>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid3" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
                    <telerik:AjaxUpdatedControl ControlID="PrivilegeTypeText"></telerik:AjaxUpdatedControl>
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadGrid3">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid3"></telerik:AjaxUpdatedControl>
                    <telerik:AjaxUpdatedControl ControlID="PrivilegeTypeText"></telerik:AjaxUpdatedControl>
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>

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

    <h3>Module</h3>
    <telerik:RadGrid ID="RadGrid1" runat="server" Culture="de-DE" ShowStatusBar="True" AllowPaging="True" PageSize="5" Width="800px"
        DataKeyValues="Id, ModuleName, IsActive, NavigationPath"
        OnItemCommand="RadGrid1_ItemCommand" OnNeedDataSource="RadGrid1_NeedDataSource" OnItemDataBound="RadGrid1_ItemDataBound" EnableViewState="true" ViewStateMode="Enabled">
        <MasterTableView Width="100%" AutoGenerateColumns="False" CommandItemDisplay="Top" EditMode="PopUp"
            NoDetailRecordsText="Keine Detaileinträge." NoMasterRecordsText="Keine Einträge." RetrieveNullAsDBNull="False" EnableViewState="true" ViewStateMode="Enabled">
            <CommandItemSettings AddNewRecordText="Neues Modul anlegen" CancelChangesText="Abbrechen" SaveChangesText="Änderungen speichern" ShowRefreshButton="False" />

            <Columns>

                <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn" ItemStyle-Width="30px">
                    <ItemStyle Width="30px"></ItemStyle>
                </telerik:GridEditCommandColumn>

                <telerik:GridBoundColumn DataField="Id" DataType="System.Guid" HeaderText="Modul Id" ReadOnly="true"
                    SortExpression="ModuleId" UniqueName="ModuleId">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text=""></ModelErrorMessage>
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>

                <telerik:GridBoundColumn DataField="ModuleName" DataType="System.String" HeaderText="Modul Name"
                    SortExpression="ModuleName" UniqueName="ModuleName">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text=""></ModelErrorMessage>
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>

                <telerik:GridCheckBoxColumn DataField="IsActive" HeaderText="Modul aktiviert"
                    SortExpression="ModuleIsActive" UniqueName="ModuleIsActive">
                </telerik:GridCheckBoxColumn>

                <telerik:GridBoundColumn DataField="NavigationPath" DataType="System.String" HeaderText="Modul Navigationspfad"
                    SortExpression="ModuleNavigationPath" UniqueName="ModuleNavigationPath">
                    <ColumnValidationSettings>
                        <ModelErrorMessage Text=""></ModelErrorMessage>
                    </ColumnValidationSettings>
                </telerik:GridBoundColumn>

                <telerik:GridButtonColumn Text="Delete" CommandName="Delete" ButtonType="ImageButton" ItemStyle-Width="30px">
                    <ItemStyle Width="30px"></ItemStyle>
                </telerik:GridButtonColumn>

            </Columns>
            <EditFormSettings>
                <EditColumn UniqueName="EditCommandColumn1" FilterControlAltText="Filter EditCommandColumn1 column"></EditColumn>
                <FormTemplate>
                    <table ID="Table2" cellspacing="2" cellpadding="1" width="100%">
                        style="border-collapse: collapse;">
                        <tr class="EditFormHeader">
                            <td colspan="2" style="font-size: small"><b>Modul Details</b></td>
                        </tr>

                        <tr>
                            <td>Modul Name:</td>
                            <td>
                                <asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("ModuleName") %>' Width="400px" TabIndex="1"></asp:TextBox></td>
                        </tr>

                        <tr>
                            <td>Modul aktiviert:</td>
                            <td>
                                <asp:CheckBox ID="CheckBox1" runat="server" Text='<%# Bind("IsActive") %>' TabIndex="2"></asp:CheckBox></td>
                        </tr>
                        <tr>
                            <td>Modul Navigationspfad:</td>
                            <td>
                                <asp:TextBox ID="TextBox2" runat="server" Text='<%# Bind("NavigationPath") %>' Width="200px" TabIndex="3"></asp:TextBox></td>
                        </tr>

                        <tr>
                            <td colspan="2">
                                <asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'
                                    runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'></asp:Button> 
                                <asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False"
                                    CommandName="Cancel"></asp:Button>
                            </td>
                        </tr>
                    </table>

                </FormTemplate>
            </EditFormSettings>
        </MasterTableView>

        <ClientSettings AllowKeyboardNavigation="true" EnablePostBackOnRowClick="true">
            <Selecting AllowRowSelect="true"></Selecting>
        </ClientSettings>
    </telerik:RadGrid>

Grid

answered on 02 Jul 2014