I m working on "loading tabs dynamically" using AjaxControlToolKit
Rightnow, i m using the WebUserControls to load each and every tab.
how to load each tab dynamically evertime with respective aspx pages.
I need to load different aspx when the user clicked on a particular tab in tabcontainer.
View 3 RepliesAt the moment, I have an aspx page with a tabcontainer (ajax toolkit). Inside each tab, I have a little form or other content. At page load, each tab is loaded. Technically I can load the tabs at tabclick (with use of update panels) but this result in unnecessary data traffic.
Is there are a way or example how to use jquery tabs that loads aspx content (html)?
This way we can still use vs.net design tool with aspx pages and load data in a much smarter way.
I need to insert some JavaScript code inside a UserControl that I load from an Ajax call via jQuery Ui Tabs. Let me explain... This is my View (with jQuery loaded)
<script type="text/javascript">
$(document).ready(function () {
$("#tabs").tabs({
cache: false,
});
getContentTab (1);
});
function getContentTab(index) {
var url='<%= Url.Content("~/Home/getUserControl") %>/' + index;
var targetDiv = "#tabs-" + index;
$.get(url,null, function(result) {
$(targetDiv).html(result);
});
}
</script>
<div id="tabs">
<ul>
<li><a href="#tabs-1" onclick="getContentTab(1);">Nunc tincidunt</a></li>
<li><a href="#tabs-2" onclick="getContentTab(2);">Proin dolor</a></li>
<li><a href="#tabs-3" onclick="getContentTab(3);">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
</div>
<div id="tabs-2">
</div>
<div id="tabs-3">
</div>
</div>
With these lines of code I call the Ajax function to load the content into a DIV.
This is the Action from the controller:
public ActionResult getUserControl(int num)
{
return PartialView("TestUC", num);
}
And this is the UserControl...
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
Number... <span id="testSpan"><%=Model.ToString() %></span>!!
<input type="button" value="Click me!!" onclick="message();" />
<script type="text/javascript">
function message(item) {
alert($("#testSpan").html());
}
</script>
The problem is that the message() function returns always 1 (instead of returning the correct number). My question is... How should I add the script to my UserControl in order to have my code running correctly?
I am using Ajaxtoolkit in my application. I am declaring the tabcontainer and tab panels on the serverside. I just have my Updatepanel on the Client-Side. I was wondering how to assign css to the tabs like onhover or click would change its background color and highlight the tab up.
Secondly, since I am dynamically creating these tabs, how would I put a close for each of the tabs?
Dynamically add Tab Pages to tab control in Web form using asp.net and c# ...
View 1 RepliesI am using the tab control and basically I have 4 buttons. Each button will load a seperate ascx control into a brand new tab. After about 4 tabs, since it has to regenerate all 4 tabs, the speed in order to add tabs just becomes too long for my tastes. Is there any way to remedy this and make it go faster?
EDIT2:Using Internet Explorer 7.0 and 8.0
EDIT: Some Code, I store the i in viewstate and loop through this every time for each panel per regeneration
private void BuildNewTab(int i)
{
TabPanel newPanel = new TabPanel();[cod]....
I have a page with 4 fixed Tabs. Tabs 1 and 2 are always in position 1 and 2. However, the users are allowed to create their own tabs and add their own html content. I do this by creating a new tab in codebehind and inserting it into the tabcontainer AFTER the frist 2 and before the last 2 tabs. There could be several of these. EX: "F1 | F2 | U1 | U2 | U3 | F3 | F4" where F is a fixed tab and U is a custom tab.
As long as ALL tabs are visible then everything works fine after postbacks.
Based on user settings I sometimes hide fixed tab 1. Everything loads fine the first time. However, on postback The content on fixed tab 4 (always the last tab) is displayed on the bottom of EVERY tab (fixed or custom). It is still displayed in fixed tab 4.
A little background on the code:
Since the tabs are added dynamically they do not exist on postback and must be re-generated every time. This is done in Page_LoadComplete. I have tried it on PageLoad and it behaves the same way.
If I do not re-generate the pages on post back then the problem goes away - as do the custom tabs.
The only thing I could find was from last year, and was supposedly fixed (http://www.codeplex.com/AjaxControlToolkit/WorkItem/View.aspx?WorkItemId=16321
I want to know how can I load my files (file1.aspx and file1.aspx.vb) in a container on my index.aspx. My index should have my menu and my container. My problem is that i don't know how do that... options wich i tried:
Iframes: yes work it... but in html 5 iframe will dissapear...
MasterPage: isn't the solution because this refresh all index page.
Ajax: yes.. charge my File1.aspx in the container but i can't call the functions of File1.aspx.vb..
need to open an aspx page (called editItem.aspx in code below) loaded dynamically inside a jQuery UI dialog from a parent aspx page. the child page
has a button server control and should go back to parent page after postback. with the following code I get the error"The state information is invalid for this page and might be corrupted"
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="popOver.aspx.vb" Inherits="test5.popOver" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
[code]...
I have been adding different JQuery Carousels to AJAX Tabbed Panels - the first one displayed on the page always works. But any other tabs dont work when I select the tab. I have about a dozen different carousels.
Can anyone recommend one that works in AJAX Tabs or how I can go about rectifying this?
I need to put two tabs on my aspx page (c#). Is there already done tabs control for aspx ?
View 2 Repliesi put asyncfileupload in usercontrol,and i load this usercontrol dynamically,but uploading process do not works. please help me.how to upload image (usercontrol dynamically) and i show this image after upload.
View 2 RepliesI'm developing an ASP.NET application and I'm trying to do the following:
I'm going to have only one ASPX page splitted into two columns. On the left column is going to be a TreeView, and on the right column is going to be something to edit treeview's nodes.
When the user can select a treeview's node to edit on the right column. Depending on the node's depth fields on right column will vary.
I wondering to use ASCX controls and load on right column dinamically using AJAX, for example. Is there a better choice? Can I do that?
I don't want to reload the entire page when the user wants to edit a treeview's node. Maybe I'm going to need an UpdatePanel on the right column to load dinamically ASCX controls, isn't it?
In my base page, I have a dropdownlist control which loads different usercontrols on selectedindexchanged event.
While loading these usercontrols, my page postbacks all the page. I used updatepanel but again same problem.
Is there any way to load controls without postback?
Here is my code:
[Code]....
I am hoping someone can help me out. I have a web application that contains a usercontrol think "employment details" a user can enter a previous employment detail.
I have created a page that contains an update panel a placeholder and a button. The button I want to use to load a new copy of the same usercontrol. Can anyone point me in the right redirect?
I am using ASP.NET 2.0 with VB. In design view of grid, i have one textbox in its template field. I also have one Ajax Calender Extender and FilteredTextBox Extender. I have set target controlId of both calender and filteredtextbox extender equal to that textbox. Now dynamically i dispose one of the extender from that textbox. everything works ok. But once my page reloads it takes the original design image, means both extenders are being set to that textbox.
View 1 RepliesI need to create tabs for links in my .aspx page. I want the links to be separated out either with vertical lines or tabs. This code is part of my Master page.
<div
style="text-align:right"> <a
href
=
"start_page.aspx">Home Page</a>
<a
href
=
"">Default Page</a>
<a
href
=
"http://licensemon.enp.ril.com/">License Monitoring</a> <br
/><br
/></div>
I want to use same functionality in Ajax:Accordion. Looking for the code for this as well as instead of label in user control i want to bind the grid view.
View 1 RepliesI know this has been asked before, but I feel like I'm losing my way trying to follow the other examples out there. Does anyone see a straightforward solution to my particular problem?
Goal:
Two column Master Page
Left column contains a list of [stuff] (I'm trying a Repeater with LinkButtons)
Right column contains a TabContainer which will add dynamically created tabs when buttons on the left are clicked.
Left side looks like this:
<asp:Repeater
<ItemTemplate>
<asp:LinkButton ID="lbShowReport" runat="server" Text='<%# Eval("Title") %>' CommandName="Select">
</asp:LinkButton>
<asp:HiddenField ID="hfReportID" runat="server" Value='<%# Eval("Id") %>' />
</ItemTemplate>
</asp:Repeater>
I had initially been creating tabs in the LB's OnCommand event, but of course this means that any tab generated by one click is lost if the user clicks another LinkButton.
So I moved the code to create a new tab to the OnInit section of the page and attempted to loop through the RepeaterItems comparing the UniqueId of each LinkButton until I found the one that was clicked using Request.Form["__EVENTTARGET"].
When I tried to loop through the RepeaterItems, however, the count was always 0, and the Repeater would not populate.
So now I am rebinding the Repeater in the Init section on every post-back - this allows me to find the LinkButton that was clicked. I then add the new Tab based on the LB that was clicked like this:
[Code]....
This properly adds new Tabs to the TabContainer using this code:
[Code]....
but I still have the issue where I can only ever have one dynamically created tab in the TabContainer at a time. All of the code above is being executed in OnInit, which I thought would save the tabs during post-backs, but instead this is behaving as tho I was adding the tabs in the OnCommand event of the Link Button...
I'm trying to create new tabs within page. When I click a link in my navmenu, it should open the Redirected page in a new tab within the page as new tab (not the browser tab). It is something like the visual studio, where we get the page opened inside a new tab when you click an item in the Solution explorer. Would any body let me know how to implement this functionality. (generate tab with close functinality). I m not talking about TabStrip.
View 4 RepliesDoes Ajax Tab support using sub tabs (or children tabs)?I have a project where I need to show several tabs like "Sales" "Production" "Revenue" and when I click on for example "Sales" I would like to see a new tab tab with "Currentales", "History", "Comparison" etc etc. and be able to click each one of these for further processing.
View 3 RepliesI am using simple google map. When first time click on tab "showmap" when perfect load map.
Like show in image 1:
Now "showmap" tab hide other tab show and then again open tab "showmap" then not perfect open map.
Like show in image 2:
The code is:
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
<script type="text/javascript">
function show()
{
var map;
[Code] .....
I am using ASP.Net 2.0 with Ajax.
I am working on a pretty heavy page in an application and the scenario is:
There is a Tab control in the page, having four tabs. These tabs individually consist of different user controls and other asp controls. Most of these usercontrols in turn consist of other user controls. Every user control contains huge javaScript functions which validate them, populate controls and call web services.
What I am trying to achieve is to load only the Tab and its user controls on the page load and when the user clicks on a specific tab, load its contents (User controls) dynamically. Once that is done, I am setting the tab's postback to false to prevent loading it again once loaded.
I tried to achieve this by making the user controls in the other tabs - visible="false" in the markup and loading them from server side on some specific event. But that causes the javaScript functions in those user controls to give errors ('Object expected') when I go to that tab.
If I set the user controls in the other tabs to visible true, then no matter what; the page life cycle goes to each registered control and loads every subsequent control in that web user control which makes the main page slow (on loading and every postback).
The position of the Tab and the inner user controls is fixed. Although I am taking care that no data is populated unnecessarily on the page and user controls on hidden tabs, I dont want the tabs to get loaded altogether unless requested. If I load them on runtime, their corresponding javaScripts start giving errors.. note that I am not generating the controls on runtime, they exist in the page design. I just dont want to load them dynamically
We have three options to view any .aspx page in a tab
Design
Source
Split
How can we view Design and Source in separate tabs for a any aspx page ?
Or if this is impossible!! can we use split option by Vertically splitting the Design and Source ? if later one is possible, I could stretch the view onto two monitors like here as suggested by Nick Craver.