Questions on UI for ASP.NET AJAX Forum

1 answer

122 views

How can I have in a null values?

With all the respect, I used this for a while (click on edit option of the grid):

http://www.tedit.net/sampleviewer/srcview.aspx?path=SingleTable.src&file=SingleTable.aspx

If the field on the database allows nulls, when you create the DropDownColumn it automatically adds the first option which is the null value. No manually code.

Is there an option or sample for doing this in Telerik´s grid? i.e. no manual code for having an option in the dropdownlist for those fields which allow null values. I will load the options(data) for the dropdownlist from an sqlserver table.

Cheers.

Grid

answered on 14 Nov 2011

3 answers

96 views

RadProgress not appearing for large files only.

I have a RadUpload configured with RadProgroess, everything works just fine in development and I can upload files up to 100MB (my limit) and the progress bar appears as it should.

However in production (IIS7) when uploading any files large than around 30MB the progress area does not appear at all?

Any advice would be appreciated.

Upload (Obsolete)

answered on 14 Nov 2011

1 answer

233 views

DatePopupButton

Hi All

I have a RadDateTime Picker which is enabled / disabled based on the value of a checkbox,
I have just changed the enable disable event from server side to client side, this has caused a problem with the onclick event that i add to the DatePopUpButton on Page Load server side?

Page Load:

RadDateTimePicker1.DatePopupButton.Attributes.Add("onclick","Myevent(event, '" + RadDateTimePicker1.ClientID + "');return false;")

function Myevent(e, pickerID) {

var datePicker;

datePicker = $find(pickerID);

var textBox = datePicker.get_textBox();

var popupElement = datePicker.get_popupContainer();

var dimensions = datePicker.getElementDimensions(popupElement);

var position = datePicker.getElementPosition(textBox);

var popOffset = (dimensions.height - position.y)

if (popOffset <= 0) {

datePicker.showPopup(position.x, position.y - dimensions.height);

} else {

datePicker.showPopup(position.x, position.y - dimensions.height + popOffset);

}

The problem is that now when the DatePopupButton is clicked the calendar momentarily appear then disappear??

I have seen another post HERE with a similar problem however i would rathe not use this solution as i want to use the approach that i already have as i have found this more reliable.

Does anybody have any idea why this is happening and how i can cure it please?

Many Thanks

Best Regards

Cush

Calendar

answered on 14 Nov 2011

2 answers

610 views

Enable/Disable Radcombobox with checkboxes

Hi,

I have a radcombobox named radComboSource. In the javascript I have some functions. I am calling SRC_Changed() on OnClientDropDownClosing event. In the function I'm checking for some condition. In that condition I have to enable/disable other two radcomboxes(radSTT, radTYP) that has checkboxes in it.

In the SRC_Changed() event I am able to enable the radSTT and radTYP. But still the items and checkboxes in it are still disabled. I want the items and the checkboxes also to be enabled in the SRC_Changed() javascript event. Could you please help me achieve this.

Thanks,
Raji

<telerik:RadComboBox ID="radComboSource" runat="server" AllowCustomText="true"
                                                                                EnableLoadOnDemand="True" OnClientBlur="OnClientBlur" OnClientDropDownClosing="SRC_Changed"
                                                                                    OnClientDropDownOpening="OnClientDropDownOpening" OnClientSelectedIndexChanging="OnClientSelectedIndexChanging"
                                                                                    Width="300px" onkeypress="return false;" Font-Size="X-Small" OnClientLoad="OnClientLoadHandler" >
                                                                                    <Items>
                                                                                        <telerik:RadComboBoxItem runat="server" Text="PENDING" Value="APP" />
                                                                                        <telerik:RadComboBoxItem runat="server" Text="FAA GMF" Value="FAA" />
                                                                                        <telerik:RadComboBoxItem runat="server" Text="NTIA GMF" Value="NTIA" />
                                                                                        <telerik:RadComboBoxItem runat="server" Text="CANADA" Value="CAN" />
                                                                                        <telerik:RadComboBoxItem runat="server" Text="CARSAM" Value="CSM" />
                                                                                        <telerik:RadComboBoxItem runat="server" Text="FCC AM" Value="AM" />
                                                                                        <telerik:RadComboBoxItem runat="server" Text="FCC FM" Value="FM" />
                                                                                        <telerik:RadComboBoxItem runat="server" Text="FCC TV" Value="TV" />
                                                                                        <telerik:RadComboBoxItem runat="server" Text="ARINC" Value="ARI" />
                                                                                        <telerik:RadComboBoxItem runat="server" Text="UNICOM" Value="UNI" />
                                                                                        <telerik:RadComboBoxItem runat="server" Text="AGENDA" Value="AGN" />
                                                                                    </Items>
                                                                                    <ItemTemplate>
                                                                                        <asp:CheckBox ID="chkSource" runat="server" onclick="collectSelectedItems();" Text='<%# DataBinder.Eval(Container, "Text") %>' />
                                                                                    </ItemTemplate>
                                                                                </telerik:RadComboBox>

Javascript:

function collectSelectedItems() {
var combo = $find("<%= radComboSource.ClientID%>");
var items = combo.get_items();

var selectedItemsTexts = "";
var selectedItemsValues = "";

            var itemsCount = items.get_count();
            for (var itemIndex = 0; itemIndex < itemsCount; itemIndex++) {
                var item = items.getItem(itemIndex);
                var checkbox = getItemCheckBox(item);
                if (checkbox.checked) {
                    selectedItemsTexts += item.get_text() + ", ";
                    selectedItemsValues += item.get_value() + ", ";
                }
            }
            selectedItemsTexts = selectedItemsTexts.substring(0, selectedItemsTexts.length - 2);
            selectedItemsValues = selectedItemsValues.substring(0, selectedItemsValues.length - 2);
            //Set the text of the RadComboBox with the texts of the selected Items, separated by ','.
            combo.set_text(selectedItemsValues);
            document.getElementById("<%= radComboSource.ClientID%>").value = selectedItemsValues;
        }

        function getItemCheckBox(item) {
            //Get the 'div' representing the current RadComboBox Item.
            var itemDiv = item.get_element();
            //alert(itemDiv);

//Get the collection of all 'input' elements in the 'div' (which are contained in the Item).
var inputs = itemDiv.getElementsByTagName("input");

for (var inputIndex = 0; inputIndex < inputs.length; inputIndex++) {
var input = inputs[inputIndex];

                //Check the type of the current 'input' element.
                if (input.type == "checkbox") {
                    return input;
                }
            }

return null;
}

function SRC_Changed(item) {
var combo = $find("<%= radComboSource.ClientID%>");
var items = combo.get_items();

            var itemsCount = items.get_count();
            for (var itemIndex = 0; itemIndex < itemsCount; itemIndex++) {
                var item = items.getItem(itemIndex);
                var checkbox = getItemCheckBox(item);
                if (checkbox.checked) {
                    var comboSTT = $find("<%= radComboSTT.ClientID %>");
                    var comboTYP = $find("<%= radComboTYP.ClientID %>");
                    var lblSTT = document.getElementById("<%= lblSTT.ClientID %>");
                    var lblTYP = document.getElementById("<%= lblTYP.ClientID %>");
                    var lblDAT = document.getElementById("<%= lblDAT.ClientID %>");

                    if ((item.get_value() == "FAA") || (item.get_value() == "NTIA") || (item.get_value() == "CAN") || (item.get_value() == "CSM") || (item.get_value() == "AM") || (item.get_value() == "FM") || (item.get_value() == "TV") || (item.get_value() == "ARI") || (item.get_value() == "UNI")) {
                        comboSTT.set_enabled(false);
                        document.getElementById('<%= txtSTT.ClientID%>').disabled = true;
                        lblSTT.style.background = 'LightGray'

                        var itemsSTT = comboSTT.get_items();

                        var itemsCountSTT = itemsSTT.get_count();
                        for (var itemIndSTT = 0; itemIndSTT < itemsCountSTT; itemIndSTT++) {
                            var itemSTT = itemsSTT.getItem(itemIndSTT);
                            var checkboxSTT = getItemCheckBox(itemSTT);
                            if (checkboxSTT.checked) {
                                checkboxSTT.checked = false;
                            }
                        }
                        comboSTT.set_text("");

                        comboTYP.set_enabled(false);
                        document.getElementById('<%= txtTYP.ClientID%>').disabled = true;
                        lblTYP.style.background = 'LightGray'

                        var itemsTYP = comboTYP.get_items();

                        var itemsCountTYP = itemsTYP.get_count();
                        for (var itemIndTYP = 0; itemIndTYP < itemsCountTYP; itemIndTYP++) {
                            var itemTYP = itemsTYP.getItem(itemIndTYP);
                            var checkboxTYP = getItemCheckBox(itemTYP);
                            if (checkboxTYP.checked) {
                                checkboxTYP.checked = false;
                            }
                        }
                        comboTYP.set_text("");

}
else if ((item.get_value() == "APP") || (item.get_value() == "AGN")) {

                        comboSTT.set_enabled(true);
                        document.getElementById('<%= txtSTT.ClientID%>').disabled = false;
                        lblSTT.style.background= 'white';

                        comboTYP.set_enabled(true);
                        document.getElementById('<%= txtTYP.ClientID%>').disabled = false;
                        lblTYP.style.background = 'white';

                     }
                }
            }
        }

ComboBox

answered on 14 Nov 2011

1 answer

244 views

Is there a way to make the last column in a grid as wide as the remaining space

Hi

A co-worker of mine has changed some of our grids so the columns size to fit the data.

However this leaves some area of the grid blank when the available width is large.

Is there any way to have the last column snp to fit the remaining width.

This is particularly unsightly, in my opinion, when there are alternating colors on the grid rows.

Here is the grid definition.

<telerik:RadGrid ID="radGridPolicy" runat="server"

AllowFilteringByColumn="true"

AllowMultiRowSelection="true"

AllowPaging="true"

AllowSorting="true"

AlternatingItemStyle-Wrap="false"

AutoGenerateColumns="false"

ClientSettings-AllowColumnsReorder="true"

ClientSettings-AllowKeyboardNavigation="false"

ClientSettings-EnablePostBackOnRowClick="true"

ClientSettings-ReorderColumnsOnClient="true"

ClientSettings-Resizing-AllowColumnResize="true"

ClientSettings-Resizing-AllowResizeToFit="true"

ClientSettings-Resizing-EnableRealTimeResize="true"

ClientSettings-Resizing-ResizeGridOnColumnResize="true"

ClientSettings-Scrolling-AllowScroll="true"

ClientSettings-Scrolling-UseStaticHeaders="true"

ClientSettings-Selecting-AllowRowSelect="true"

ClientSettings-Selecting-EnableDragToSelectRows="true"

FilterMenu-EnableImageSprites="false"

HeaderContextMenu-CssClass="GridContextMenu GridContextMenu_Default"

HeaderStyle-Font-Bold="true"

HeaderStyle-Wrap="false"

Height="100%"

ItemStyle-Wrap="false"

OnItemCommand="radGridPolicy_ItemCommand"

OnItemCreated="radGridPolicy_ItemCreated"

OnItemDataBound="radGridPolicy_ItemDataBound"

OnNeedDataSource="radGridPolicy_NeedDataSource"

PagerStyle-Mode="NextPrevAndNumeric"

PageSize="40">

<telerik:GridClientSelectColumn HeaderStyle-Width="30px" />

<telerik:GridBoundColumn DataField="TenantId"

Display="False"

HeaderText="TenantID"

UniqueName="TenantID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="PolicyId"

Display="False"

HeaderText="PolicyID"

UniqueName="PolicyID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="PolicyType"

Display="False"

HeaderText="PolicyType"

UniqueName="PolicyType">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="PolicySubType"

Display="False"

HeaderText="PolicySubType"

UniqueName="PolicySubType">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="SupportedClients"

Display="False"

HeaderText="ClientType"

UniqueName="ClientType">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Enabled" HeaderStyle-HorizontalAlign="Center"

FilterControlAltText="Filter State column" HeaderText="State" ItemStyle-HorizontalAlign="Center"

SortExpression="PolicyState" UniqueName="PolicyState" >

<telerik:RadComboBox ID="FilterPolicyByState" runat="server" Width="40px" DropDownWidth="250px"

SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("PolicyState").CurrentFilterValue %>'

OnClientLoad="OnPolicyStateLoad" OnClientSelectedIndexChanged="OnPolicyStateIndexChanged" >

<Items>

<telerik:RadComboBoxItem Text="" Value="-1" Selected="True" />

<telerik:RadComboBoxItem Text="Published" Value="1" ImageUrl="~/Images/toolApprove.png" ToolTip="Published" />

<telerik:RadComboBoxItem Text="Unpublished" Value="0" ImageUrl="~/Images/toolUnapprove.png" ToolTip="Unpublished" />

</Items>

</telerik:RadComboBox>

<telerik:RadScriptBlock ID="RadScriptBlockPolicyState" runat="server">

function OnPolicyStateLoad(sender)

{

var inputArea = sender.get_inputDomElement();

var selVal = sender.get_selectedIndex();

//debugger;

if (selVal != 0)

{

inputArea.style.background =

"url(" + sender.get_items().getItem(selVal).get_imageUrl() + ") no-repeat ";

}

sender.set_text(

"");

}

function OnPolicyStateIndexChanged(sender, args)

{

var masterTable = $find( "<%= radGridPolicy.ClientID %>" ).get_masterTableView();

var value = args.get_item().get_value();

var item = args.get_item();

//debugger;

if ( value != -1 )

{

masterTable.filter(

"PolicyState", value, Telerik.Web.UI.GridFilterFunction.EqualTo );

}

else

{

masterTable.filter(

"PolicyState", "", Telerik.Web.UI.GridFilterFunction.NoFilter );

sender.set_selectedIndex(0);

}

sender.set_text(

"");

}

</script>

</telerik:RadScriptBlock>

</FilterTemplate>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="PolicyType"

FilterControlAltText="Filter Type column" HeaderText="Type"

SortExpression="PolicyType" UniqueName="PolicyTypeImage" >

<telerik:RadComboBox ID="FilterPolicyByType" runat="server" Width="40px" DropDownWidth="200px"

SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("PolicyTypeImage").CurrentFilterValue %>'

OnClientLoad="OnPolicyTypeLoad" OnClientSelectedIndexChanged="OnPolicyTypeIndexChanged" >

<Items>

</Items>

</telerik:RadComboBox>

<telerik:RadScriptBlock ID="RadScriptBlockPolicyType" runat="server">

function OnPolicyTypeLoad(sender)

{

var inputArea = sender.get_inputDomElement();

var selVal = sender.get_selectedIndex();

//debugger;

if (selVal != 0)

{

inputArea.style.background =

"url(" + sender.get_items().getItem(selVal).get_imageUrl() + ") no-repeat ";

}

sender.set_text(

"");

}

function OnPolicyTypeIndexChanged(sender, args)

{

var masterTable = $find("<%= radGridPolicy.ClientID %>").get_masterTableView();

var value = args.get_item().get_value();

var item = args.get_item();

//debugger;

if (value != -1)

{

masterTable.filter(

"PolicyTypeImage", value, Telerik.Web.UI.GridFilterFunction.EqualTo);

}

else

{

masterTable.filter(

"PolicyTypeImage", "", Telerik.Web.UI.GridFilterFunction.NoFilter);

sender.set_selectedIndex(0);

}

sender.set_text(

"");

}

</script>

</telerik:RadScriptBlock>

</FilterTemplate>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="SupportedClients"

FilterControlAltText="Filter Client Type column"

HeaderText="OS"

SortExpression="ClientType"

UniqueName="ClientTypeImage" DataType="System.Int32">

<telerik:RadComboBox ID="FilterPolicyByClientType" runat="server" Width="40px" DropDownWidth="250px"

SelectedValue='<%# ((GridItem)Container).OwnerTableView.GetColumn("ClientTypeImage").CurrentFilterValue %>'

OnClientLoad="OnPolicyClientTypeLoad" OnClientSelectedIndexChanged="OnPolicyClientTypeIndexChanged" ClientIDMode="Static">

<Items>

</Items>

</telerik:RadComboBox>

<telerik:RadScriptBlock ID="RadScriptBlockPolicyClientType" runat="server">

function OnPolicyClientTypeLoad(sender)

{

var inputArea = sender.get_inputDomElement();

var selVal = sender.get_selectedIndex();

//debugger;

if (selVal != 0)

{

inputArea.style.background =

"url(" + sender.get_items().getItem(selVal).get_imageUrl() + ") no-repeat ";

}

sender.set_text(

"");

}

function OnPolicyClientTypeIndexChanged(sender, args)

{

var masterTable = $find("<%= radGridPolicy.ClientID %>").get_masterTableView();

var value = args.get_item().get_value();

var item = args.get_item();

//debugger;

if (value != 0)

{

masterTable.filter(

"ClientTypeImage", value, Telerik.Web.UI.GridFilterFunction.EqualTo);

}

else

{

masterTable.filter(

"ClientTypeImage", "", Telerik.Web.UI.GridFilterFunction.NoFilter);

sender.set_selectedIndex(0);

}

sender.set_text(

"");

}

</script>

</telerik:RadScriptBlock>

</FilterTemplate>

</telerik:GridBoundColumn>

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

DataFormatString="<nobr>{0}</nobr>"

FilterControlAltText="Filter Name column"

SortExpression="Name"

UniqueName="Name">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Description" HeaderText="Note"

DataFormatString="<nobr>{0}</nobr>"

FilterControlAltText="Filter Description column"

SortExpression="Description"

UniqueName="Note">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="UpdateTime"

DataType="System.DateTime" DataFormatString="<nobr>{0}</nobr>"

FilterControlAltText="Filter last update column"

HeaderText="Last Modified"

SortExpression="LastUpdate"

UniqueName="LastUpdate">

<telerik:RadDateTimePicker ID="RadDateTimePicker1"

runat="server" DateInput-DisplayDateFormat="MMMM dd, yyyy hh:mm:ss">

</telerik:RadDateTimePicker>

</FilterTemplate>

</telerik:GridBoundColumn>

</Columns>

</EditFormSettings>

<grid:PolicyToolbar ID="PolicyGridToolbar" runat="server" ClientIDMode="Static" />

</CommandItemTemplate>

</MasterTableView>

</telerik:RadGrid>

I would like the LastUpdate column to stretch to fill all the available widht of the grid.

TIA

Grid

answered on 14 Nov 2011

1 answer

65 views

Drop down Multiple Filter

I am filtering my grid with a drop down. I would like to apply multiple values to the filter.
In my drop down I have these item appended to my databound list

AppendDataBoundItems="true"

<Items>

<telerik:RadComboBoxItem Text="All" />

<telerik:RadComboBoxItem Text="All Open" Value="ALL Open" />

</Items>

So for example, filter on column status, value of ALL Open I would want to do something like this: ([Status] = 'Open' OR [Status] = 'Hold')
Looking at the help I don't see how to filter mutiple values, unless the "Custom" option fits this?
I only see how to filter single values like this: tableView.filter("Status", filterVal,"EqualTo");
http://www.telerik.com/help/aspnet-ajax/grid-gridtableview-filter.html

Thanks

Grid

answered on 14 Nov 2011

1 answer

93 views

RADGrid Data Exporting to Excel

Hi,
We have a RADGrid with check box column. While exporting the data to excel we get the check box column as boolean. We would like to hide this coulmn being exported. Can you please help us? Thanks in advance.

Regards
Sridharan

Grid

answered on 14 Nov 2011

5 answers

299 views

Increase loading panel showing time

Is it possible to increase rad loading panel showing duration?
If I run a huge query of report, loading panel is hiding after a few seconds. How can I show loading panel all the time query is executing and page is loading

Ajax

answered on 14 Nov 2011

1 answer

282 views

Text box value is getting cleared on Button Click

HI,

The value entered in the text box is getting cleared when the submit button is clicked, The same is not happening when doing the same action second time.
Meaning : once the text is getting cleared on the button clicked reenter the same value once again in the same text box and click the button the data is not getting cleared.
Not sure why is that happening. Pls. suggest me how to go about it.

Thanks
Jidesh

Input

answered on 14 Nov 2011

1 answer

148 views

Radgrid.height=unit.percentage(...) not working.

Hi
I'm creating the radgrid in usercontrol,using that user control in one aspx page. When user redirects to aspx page there I'm showing radgrid.
In aspx page I'm getting the radgrid of usercontrol and try to set the height from code behind like as
Grid.Height=unit.percentage(95); like that but its not working.
How can I set the height of grid aspx page not in usercontrl.
Please help me.

Grid

answered on 14 Nov 2011