asp.net: dynamically extend content - asp.net

i'm not sure how to call that. i'm looking for some samples guiding me how to implement a automatic page extend. i'm mean something like the friends list on facebook. first only a few friends are loaded. after you scroll down, some others get loaded.
thx in advance

The solution to your problem relies more on AJAX then anything else.
I suggest using jQuery Ajax, and here is a nice article that will get you started with calling ASP.NET web services via client side script.
enter link description here
If you don't have experience using ajax this will probably be a lot for you to grasp. Especially if you're going to dive in with a feature like you described above.
Edit: It may be more practical to use a plugin to achieve this:
scrolling jQuery plugin

Related

Alternatives to asp.net ajax 4.0 templates

Assuming I'm stuck with asp.net web forms (I'd love to use MVC partial views), are there any good alternatives to asp.net AJAX 4.0 client-side templates?
In other words, is there some way to specify some html, with placeholders for data properties, to which I could then bind a JSON result. Are there any good jQuery plugins to do this?
I ask because based on the results I'm seeing from Google, this library doesn't seem to be widely used—most search results are from 2008-2010. This question seems to confirm that suspicion.
EDIT
I despise answering my own question, but this link (jQuery Templates) seems to me to be the best bet. If anyone else has any input, please post.
Definitely consider jQuery Templates. We use them quite extensively in WebForms with ScriptServices as a data provider. There is a very small learning curve.
Also check out KnockoutJS, which integrates seamlessly.
Adam, coincidentally, I am using JQuery to retrieve some server side data calling Web Services via Ajax and binding the result on the client side. On my particular case, I am only showing data in a tabular manner, so I am using the jquery datatables plugin (which is fantastic, in my opinion; the API is well documented and easy to extend if you need to).
If you need to show data differently, I think you'll need to write quite a good amount of boilerplate javascript code.
EDIT: I just saw your link reagarding Jquery Templates and looks really cool. I didn't know it existed :) Thanks!

Existing full ajax jQuery site must become search engine friendly?

I've built a full ajax site using jQuery and asp.net. All database data are loaded dynamically via client-side ajax calls. There are no html forms or postbacks, just ajax calls to a web service returning (xml) data.
Now, I need to make the site SEO friendly with emphasis to google. What is the least time expensive way to do it? Is there a way jQuery or asp.net can help me with out-of-the-box solutions/components etc? On the other hand, there is the google specification but is it standard or easy to implement in my case?
Any help or ideas much appreciated.
your question is kinda unspecific.
jquery is javascript - based on how it's implemented can be very bad for SEO
asp.net is server side - can be anything, what counts is the HTML you have on page.
for a start i would recommend googling your site, then click on the "cached" link below it, then "text only version" ... this is what google sees. if you can makes sense of it, then google can make sense of it. if there is nothing there (possible for a very very ajaxy site) then well you are in trouble. then go to your competitiors site and do the same. if he is doing a better job look at his HTML sourcecode and think about ways you can get in this direction.
you would maybe also like to take a look at http://code.google.com/web/ajaxcrawling/docs/getting-started.html

What's the effective technology to use for a slick UI in an ASP.NET application?

We are planning to extend an existing ASP.NET application (a real huge one) to have a slicker UI. One of the requiremnents is to have a way to execute server side code without a postback (As an example, say a user clicks on a link or hovers on a link, a popup comes up which executes server side code or makes calls to the database)
We plan to add more functionality that closely aligns with the behavior of a yahoo or a google customized page.
Is UpdatePanels a way to go or should a lot of it be implemented using JavaScript? One of the main requirements is to keep the pages as light as possible and to have good performance. We don't plan on using any 3rd party components.
What technologies are suggested that will help us add UI heavy features in the future?
Edit: Thanks everyone. It appears that the approach to take is to use a JS library such as JQuery and AJAX (from initial research the PageMethod/WebMethod way of doing it)?
Any more suggestions?
I think that UpdatePanels are actually pretty clunky. (Actually, I think ASP.NET is pretty clunky now that I've moved to ASP.NET MVC). If the page is going to be highly interactive, I'd suggest using some sort of javascript framework, like jQuery, Dojo, MooTools, etc. that will allow you to do AJAX easily as well as manage the user experience client-side. MS is distributing jQuery with Visual Studio and has promised to support it, so you might want to consider that when making your decision.
Stephen Walter did a great talk about the next version of ASP.NET Ajax 4.0. It's not an immediate solution but it's interesting to see where Microsoft is going with their Ajax framework.
There's a lot more to ASP.NET AJAX than the UpdatePanel, and a fair amount of it can be done without heavy JavaScript work. UpdatePanel is quite inefficient in terms of the amount of data send over the wire. As with everything, only optimise when you need - but bear in mind that the UpdatePanel is one of the first places to look for your slowdowns.
Just to give you a different answer than everybody else: why not try silverlight?

ASP.NET: Making something similar to Facebook application bar

Is there a built-in control that is close to an application bar at the bottom of Facebook, or is such a function only available through the use of JavaScript/AJAX?
Remember that ASP.NET is server-side, so it controls all processing that takes place before the web page even reaches the user. For functionality like what you're talking about, you need browser-side voodoo like Javascript. So...
Javascript is practically required.
The only other feasible alternative would be Flash.
XML would not be necessary (or even necessarily desirable).
Don't fall into the trap of calling all asynchronous, Javascript-driven behavior "AJAX", because much of it isn't.
I just built something like this in ASP.NET. I recently posted a blog on how to do it. Check out how to build a Facebook Application Bar in ASP.NET.
I used two controls from ComponentOne to help out, the C1Menu control and the C1ToolTip control
I imagine you mean this:
Screenshot: http://screencast.com/t/kqFPArcmYQ
Video: http://screencast.com/t/X6IczIIv
If that's the case, no, it cannot be done with ASP.NET alone. You are correct in assuming it would require javascript, and possibly some AJAX to make those asynchronous calls.
You should look into javascript libraries, such as jQuery & jQuery UI, or MooTools, etc. Those give you a breadth of tools and plugins to create wonderful/dynamic UIs.
http://jquery.com/
(jQuery UI Demos)
http://mootools.net/
(MooTools Demos)
Check out the demos on their pages, to see if those will fit your idea. You can definitely build the core of the menu in ASP.Net, and then use a javascript library to get the dynamic feel that you're looking for.
Hope that helps a little bit.

Using AjaxToolKit for improved WebForm Login

I chose AjaxToolKit to build a WebForm login. Has anyone else had problems trying to do this? I'm planning to use DropShadow Extender and RoundedCorners with Panels, but this is my first time working with panels.
Please check this link.
I want to put a login panel into something like the screenshot shows, whenever the user clicks a button. This would be similar functionality to what happens on StackOverflow when you try to insert an image or hyperlink in 'ask a question'. Is this possible? How much effort is it?
If you are talking about 100% using ajax control toolkit, check out the ModalPanel example.
You could also go for a javascript library option like iBox, which would be a bit harder to integrate, but not much.
I much prefer doing this manually with javascript and css, if you know what you are doing it is not that hard, if you aren't familiar with those technologies it may take more work. Here is a good post that walks you through the basics
I use AjaxControlToolkit extensively in my application and its really simple.Being server side ajax I does emit a lot of javascript on your page. I suggest you use AJAX only where its required i.e. in cases where a page does lots of things and you want to make it more responsive something like a Dashboard kind of app.

Resources