kendo dropdownlist showing selected value when page rendering - css

Currently i'm facing one weird problem - when my page is rendering in browser, kendo dropdownlist showing its selected value (selected id). You can see it in below screenshot. But after completion of page load it rendered perfectly fine.
We have already refereed this link - Kendo DropDownList Shows DataValueField Prior to DataTextField when Loading
But in this answer, they'll hide dropdown before render. I don't want it.
We have used kendo dll version - 2015.1.408.545

If quicker initialization is not possible, then another option is to use the kendo.ui.progress method to display a loading animation and overlay the content of the page, until it is ready to be used.
http://docs.telerik.com/kendo-ui/api/javascript/ui/ui#methods-progress

Related

ASP.net UpdatePanel Dropdown Render Issue

i am at starter level in asp.net i was developing a small application just to add students to database, main reason was to use update panel but when I use AsyncPostBack trigger the dropdown box does not render properly but with normal PostBack it does I am assuming i am missing out something the code has nothing special i just used and inside and here is an image that can describe it better
here is a link screenshot of what's happening : http://imageshack.us/photo/my-images/842/dfpw.png/
Are you using any Jquery plugin to make normal dropdownlist as fancy as looking in the screenshot attached.. if that is the case call the same plugin in the pageLoad() function too as after partial postback happens, the dropdown looses it's appearance and looking like normal dropdownlist.

LinkButton in update panel does not even fire client side event

I have a page that if IsPostBack is true, calls a javascript function which gets the size of the screen, passes the width and height to hidden fields and clicks a button to cause a PostBack. So I can retrieve the size of the user's screen and then load the page with default data with tables the right size etc.
Invariably, when the page (having posted back once) displays the data, a gridview is populated. Each row has a 'delete' Link Button in it. Each Link Button is set OnClientClick to call a javascript function to confirm you want to delete.
Above the grid is a row of text boxes / buttons / dropdownlists which allow you to search for, or filter the data showing. The Gridview is in an update panel. When the page first loads its data, and shows the list of projects, the delete Link Buttons all work okay. In every row, no problem. The Confirm box is displayed and, if Okay is selected, the asynchronous postback occurs.
If, after the initial data is displayed (which is already after one postback) you then use the search box and button, or use a dropdownlist to filter the data (the Search button and filter DropDownList are async triggers for the UpdatePanel) the data refreshes okay (always) but, then, sometimes, the 'delete' LinkButton in each row of the GridView does nothing. It doesn't even fire the ClientSide function. It's as if it is dead.
I had a similar problem a while ago with ImageButtons and the received wisdom seems to be 'change them to LinkButtons'. But I have dozens of grids with 'delete' LinkButtons that work okay, but this one has decided to stop working - sometimes.
I have to say, since moving to Framework 4.0, I'm thinking of giving up on UpdatePanels. Seem to have nothing but problems with sites that worked reliably for years in Framework 2.0
Any ideas please? Is this anything to do with the order in which controls are loaded on the second postbacks?
Edit: There is a twist to this. When this situation occurs, i.e. clicking on the Delete link does not even trigger the Client Side event - if you click on an area of the page outside the Gridview (i.e. outside the UpdatePanel) - and then click back on the Delete link - it works!
Regarding ImageButtons: There is a bug with IE10: ASP.NET fails to detect IE10 causing _doPostBack is undefined JavaScript error or maintain FF5 scrollbar position ( http://www.hanselman.com/blog/BugAndFixASPNETFailsToDetectIE10CausingDoPostBackIsUndefinedJavaScriptErrorOrMaintainFF5ScrollbarPosition.aspx ). Just upgrade to .NET 4.5.
Regarding LinkButtons: Do you have "ID" property? I remember I had a similar issue because my linkButton didn't have an ID.
Could you post some code? It would help.

how to make the dropdownlist in expanded mode programatically in asp.net

i have a dropdownlist on the page, now when user does not selects anything from it, and just hit the button, i displays a warning message, but i want to make the dropdownlist in the expanded mode, after the warning is displayed.Is it possible to make the dropdownlist in expanded mode in asp.net via code.
You can not expand a Dropdown list from JavaScript neither on server side.
Here is a reference to similar question asked earlier Old Question
But i did find a JavaScript hack for this which is given in the link below
Expand html select element in javascript
If this also dosent work out try some of the Jquery Plugins or AJAXControl toolkit Dropdown.

Collapsible panel inside GridView

I'm developing an ASP.NET 3.5 web application using C# with AjaxToolkKit. I have a following question.
How can I put a collapsible panel inside GridView to make a master and detail list that expands to display the detail panel when view link in a row is clicked? This is something similar to the download list in MSDN page.
Thanks
Implement jQuery on the page. Have a look at the ajax methods, specifically in your case the load method. Show the master record on the page, along with a hidden div (you could inject it, but hey lets keep this simple ;). Bind the load to the click event of the master record displayed, and then use slideDown to show the hidden div on the page.
ie A very simply example of the load method, loading the html result from ajax/test.html into the element that is selected by 'result'
$('#result').load('ajax/test.html');

JQuery not working with Multiview

I am using the MultiView server control in one web page using Update Panel. In its second view, I have a GridView; whose first column is checkboc controls including the header.
I want to toggle the data items checkbox based on the header checkbox.
For this, I wrote a Jquery function. But the main issue is, When I try to view the page source, I was not able to find out the HTML for the second view.
How could I toggle the checkbox using Jquery or Javascript?
The reason you can't see the HTML source is that the MultiView is a ASP.NET server control and it only renders the currently selected view to the browser.
Use FireBug. After you toggle the view and the HTML is updated, you'll see the current source so you can debug the jQuery.

Resources