Questions on UI for ASP.NET AJAX Forum

3 answers

216 views

client side:ComboBox: Select item in disabled comboBox

Hello Telerik,
I have a problem when dealing with RadComboBox.
if the comboBox is disabled, and I want to select an item it doesn't work

the following not working:

ComboBoxTitle.disable();

ComboBoxTitle.findItemByValue("2").select();

the problem is the combo may be disable or not before selecting item so I make the following workaround

if (!ComboBoxTitle.get_enabled()) {

ComboBoxTitle.enable();

ComboBoxTitle.findItemByValue(ContactData.TitleId).select();

ComboBoxTitle.disable();

}

else {

ComboBoxTitle.findItemByValue(ContactData.TitleId).select();

}

but I am asking if there are a better solution

thanks,
Taraman

ComboBox

answered on 28 Dec 2011

5 answers

107 views

Data not binding....

Hi Team

I've desing in my web application as....

 <tr>
                                                                    <td>
                                                                        <asp:Panel runat="server" ID="uxJumpPanel">
                                                                            <telerik:RadListView ID="feeldChoices" runat="server">
                                                                                <ItemTemplate>
                                                                                    <table cellpadding="0" cellspacing="0">
                                                                                        <tr>
                                                                                            <td>
                                                                                                <telerik:RadTextBox runat="server" Text='<%# Eval("Text") %>' onkeyup="SyncListToCheckbox(this)"
                                                                                                    ID="uxItemText" Width="260">
                                                                                                </telerik:RadTextBox>
                                                                                                  <telerik:RadComboBox runat="server" ID="uxSelectPage1"  ></telerik:RadComboBox>
                                                                                            </td>
 
                                                                                            <td>
                                                                                                <img id="imageAdd" style="cursor: pointer" runat="server" onclick="InitiateAjaxRequest('1,3,add|' + this.id + ',' + selectedDockId); SetUnsaved();"
                                                                                                    alt="Add field choice" border="0" src="Images/Add.png" />
                                                                                            </td>
                                                                                            <td>
                                                                                                <img id="imageDelete" style="cursor: pointer" runat="server" onclick="InitiateAjaxRequest('1,3,remove|' + this.id + ',' + selectedDockId); SetUnsaved();"
                                                                                                    alt="Delete field choice" border="0" src="Images/Delete.png" />
                                                                                            </td>
                                                                                        </tr>
                                                                                    </table>
                                                                                </ItemTemplate>
                                                                            </telerik:RadListView>
                                                                        </asp:Panel>
                                                                    </td>
                                                                </tr>

actually am not able to bind the data to "uxSelectPage1" radcombobox. It always shows empty.

Where am doing wrong?

General Discussions

answered on 28 Dec 2011

20 answers

462 views

PATCH: MS update KB2586448 breaks RadComboBox MarkFirstMatch in versions older than 2009.3.1314 (inclusive)

On October 11, 2011, Microsoft released a Cumulative Security Update for Internet Explorer (KB2586448) through Windows Update, which broke RadComboBox when MarkFirstMatch and AllowCustomText were set to true in:

Telerik.Web.UI v <= 2009.3.1314 and RadComboBox Classic;
All versions of IE from 6 to 9;

and in the following case:

Telerik.Web.UI - some versions;
IE9 Compatibility View;
Installed Google Toolbar with 'Auto Fill' enabled;

As an emergency measure we wrote a small patch that fixed the problem. The patch does not address anything else except the problem the update introduced and will not be extended beyond that.

The problem originates in the ASP.NET AJAX framework, which fires an event one extra time unexpectedly. Perhaps there is something wrong at the DOM level but we have not invested time in investigating the root cause of this yet. If the patch is stable we will not do so in the future as well.

Below is the code you could put on your pages that are affected if you are using RadComboBox for ASP.NET AJAX:

<script type="text/javascript">

var prototype = Telerik.Web.UI.RadComboBox.prototype;

var set_text = prototype.set_text;

var propertyChange = prototype._onInputPropertyChange;

prototype.set_text = function (value) {

this._skipEvent = 0;

set_text.call(this, value);

};

prototype._onInputPropertyChange = function () {

if (!event.propertyName)

event = event.rawEvent;

if (event.propertyName == "value") {

this._skipEvent++;

if (this._skipEvent == 2)

return;

propertyChange.call(this);

}

};

</script>

Note: Put the code *after* the ScriptManager on the page or *right before* the </body> closing tag.

The same patch for RadComboBox Classic is:

<script type="text/javascript">

var prototype = RadComboBox.prototype;

var set_text = prototype.SetText;

var propertyChange = prototype.OnInputPropertyChange;

prototype.SetText = function (value) {

this._skipEvent = 0;

set_text.call(this, value);

};

prototype.OnInputPropertyChange = function () {

if (!event.propertyName)

event = event.rawEvent;

if (event.propertyName == "value") {

this._skipEvent++;

if (this._skipEvent == 2)

return;

propertyChange.call(this);

}

};

</script>

Note: Put the code *after* the first RadComboBox on the page or *right before* the </body> closing tag.

Additional Note: The same problem exists with the latest version of Telerik.Web.UI in IE9 Compatibility View Mode only if the Google Toolbar add-on is installed. The above patch only alleviates the problem - it does not fix it completely. We will be investigating this in the future and will update this post if there is progress. In the meantime, you could avoid the problem by disabling the add-on's 'Auto Fill' feature.

Please share your experience with the patch in this forum thread instead of starting new ones.

UPDATE: In response to user comments we added a patch for RadComboBox Classic and info about the proper location of both scripts.

ComboBox

answered on 28 Dec 2011

1 answer

128 views

Using Solr for Search with ASP.NET using RadGrid

Hi,

Can anyone send some sample proj which uses SOLR search and binds data using radgrid.

Will be of gr8 help

Thanks

Grid

answered on 28 Dec 2011

3 answers

61 views

IE 9 multiple arrows

Hey everyone,

Thanks in advance for the help.

I have a RadComboBox that is showing multiple drop down arrows. It only does this in IE9. Below is my markup.

<telerik:RadComboBox runat="server" ID="cboState" Width="300px" AllowCustomText="false" MarkFirstMatch="true" />

I have also included a picture of what is happening.

Thanks,

-zd

ComboBox

answered on 28 Dec 2011

9 answers

266 views

Disabling all expand/collapse animation

Hi,

I'm wondering if there is a way to disable all RadComboBox expand and collapse animation without having to go to each one and setting it manually the ExpandAnimation-Type and CollapseAnimation-Type. I'm trying to optimize my client side rendering and it seems a lot of my rending time is because of these built in Telerik javascripts like updatePosition and _initializeAnimation. I would like to turn them all of the easiest way.

Thanks,
Gilbert

ComboBox

answered on 28 Dec 2011

3 answers

106 views

ajaxifying multiple nested controls w/ Splitter

I have a splitter with several panes. One of the panes contains a tabstrip/multipage with usercontrols being loaded on each pageview. Each usercontrol contains a grid. I would like to ajaxify these usercontrols individually, since there may be complex ajax interactions in each. Normally, i would just add an AjaxManagerProxy Control to the usercontrols to accomplish this. However, here's the problem I am running into.

On the page which contains all of this, I run some javascript code in the Splitter OnClientLoad and OnClientResize events in order to properly size the grids (my splitter panes contain borders and padding and i have found that they do not automatically size correctly in a number of browsers (particularly ie7). Here is my resizing code:

function OnSpliterClientLoaded(sender, args) {

SizeGridToFit()

}

function OnSplitterClientResized(sender, Args) {

SizeGridToFit();

}

function SizeGridToFit() {

var tabStrip = $find("<%= MyTabStrip.ClientID %>");

switch (tabStrip.get_selectedTab().get_value()) {

case "Travel":

grid = $find("<%= MyUserControl1.MyGrid.ClientID %>");

break

; 

                    case "Other":  
                        grid = $find("<%= MyUserControl2.MyGrid.ClientID %>");  
                        break;

}

if (grid) {

var mpPane = $find("<%= MultiPagePane1.ClientId %>")

grid.get_element().style.height = mpPane.get_height() - 12 + 'px';

var ieVersion = getInternetExplorerVersion()

if (ieVersion >= 0 && ieVersion < 8.0) {

//necessary to get horizontal scrollbars to work in IE 7.

grid.get_element().style.width = mpPane.get_width() - 12 + 'px';

}

grid.repaint();

}

function getInternetExplorerVersion()

// Returns the version of Internet Explorer or a -1

// (indicating the use of another browser).

{

var rv = -1; // Return value assumes failure.

if (navigator.appName == 'Microsoft Internet Explorer') {

var ua = navigator.userAgent;

var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");

if (re.exec(ua) != null)

rv = parseFloat(RegExp.$1);

}

return rv;

}

if i do normal postbacks, then everything works as expected. However, if I ajaxify the usercontrols using AjaxManagerProxy controls, then after an ajaxupdate, the padding below the grid disappears. What is happening is, the grid is rebound through an ajaxupdate, however the code I have for perfoming the reisizing never gets run. Attached are before and after screen captures of the page. The before shot shows what the page looks like when it is loaded or if the browser is resized. As you can see, the grid is sized properly to show the appropriate padding at the bottom. if I ajaxify the grid and then do something, like sort a column, then the padding below the grid disappears (see the after shot). Again, i have an idea why this is happening.. the grid sizing code never gets run because that code is outside the user controls and occurs as a response to events in the splitter. My question is, is there a way for me to get this to work and still ajaxify the usercontrols (grids) individually.

Ajax

answered on 28 Dec 2011

3 answers

45 views

RightContextMenu on displayed on right click on RadMenu Item in IE8

Hi ,

We are using telerik controls in our application the problem that we are facing is that the right context menu is not displayed on right click on the RadMenu Item in IE8 . I am not able to figure out why this is happening . Please help us in this .

Thanks,
Rahul

Ajax

answered on 28 Dec 2011

1 answer

45 views

change background image of Ribbon Bar

Hi There,

Pls tell me how can i change my "Background image of Ribbon Bar".

RibbonBar

answered on 28 Dec 2011

1 answer

64 views

Acessing the controls in RadEditform

Hi sir
i want to acess the controls from client side in edit form when i click add new button or clicking edit...for example i want to acess machinery or material combobox shown in...attached image file...

Thanks and regards
Rajesh

Grid

answered on 28 Dec 2011