I though my error was from grid view but I realized it was from the tab container. So I did a bit more research. I wrote a small project and created a usercontrol with tabs in it and I wrote this there -
view plaincopy to clipboardprint?
[Code]....
I have dynamic ajax tabs that I want to load different usercontrols in each AjaxTabs.when Tab1 is created usercontrol1 loads in it.when Tab2 is created usercontrol2 loads in Tab2,but the problem is usercontrol1 does not remain in Tab1 when Tab2 is created and tab1 became empty.& When Tab3 is created, usercontrol2 does not remain in Tab2.I want to keep my usercontrols in my tabs,whenever I create a new Tab.
I want to create ajax tab and also I want to keep tabs in session.
View 2 RepliesI 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 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 would like to create two tabs called Info and place. However when the mouse is over the info tab, all the sub-tabs associated with it will show-up and in this case, the sub-tab will be report_1 and report_2 and also when the mouse is over the place tab, all the sub-tabs associated with place will show up and in this case, the sub-tab will be place_report_1 and place_report_2. how do I go about doing this?
View 5 RepliesI have a TabContainer that has a button in one of the tabs. When i click on the button, I need to save a few items to the database and then select a different tab.
I have tried coding this tab change like this:
this.tcItems.ActiveTabIndex = 1;
And like this:
AjaxControlToolkit.TabPanel tabTwo = (AjaxControlToolkit.TabPanel)this.tcItems.FindControl("tabName");
this.tcItems.ActiveTab = tabTwo;
In both instances, I receive a scripting error message "Invalid argument." from the file "ScriptResource.axd".
After continuing or ignoring these errors (ussually three of them), the page finishes refreshing and the correct tab is selected. I'm just not sure how to get rid of these error messages or why I get them.
Does 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 have a page with an UpdatePanel with a UserControl in it. That UserControl contains a GridView with a nested UserControl that seems to disappear when the parent UserControl is rebound. I cannot for the life of me figure out why the child UserControl disappears. The code works beautifully on the first load, but any partial postback causes the "Pick" UserControl to disappear.
[Code]....
I 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 have created an asp.net applications in which i am using jquery tabs to show say profile modifications information. I want user to see his profile info as well as he will be able to edit his details and save the information. for this purpose i have created an aspx page "MyProfile.aspx" and 3 ascx pages
say "page1", "page2" and "page3".
When i run "MyProfile.aspx" i can see all 3 tabs showing correct information. But problem is when i edit contents and try to save them back to the database. Contents on page1 are stored correctly. But page2 and page3 doest not fire any event. In all 3 pages I am using ajax n jquery to save data to database. and when i try to save contents of page2 and page3 nothing occurs.I am showing 3 tabs there of which first tab edits save the details but second and third tabs do not fire any event on button click.
I'm trying to figure out a way to tie the AJAX animation framework to the AJAX Tabs container. For example, one thing I want to do is use the fade animation when selecting a different tab. I've yet to find a way to have individual control of the tabs other than the content and CSS. Does anyone know where I can do some research into this, and what I should be looking into to learn how to do this
View 2 RepliesAt page load I made several tabs Enable = false.
If a button is clicked I want to set Enable = true.
The problem is that this doesn't work, they stay not touchable. How come?
RelatieTabContainer.TabIndex = 2;
RelatieTabContainer.TabIndex = 0;
I need to change the order of some tabs in a tab control, how can achieve this?
View 4 RepliesI have a web page with two tabs, "Release Inventory" and "Recreate Pull Sheet". I am using a tab container and tab panels. It looks fine in the design view but as soon as I view it in a brower the tabs don't show up. All I see is the Header text for the tabs. It looks like this:
"Release InventoryRecreate Pull Sheet"
You can click "Release Inventory" or "Recreate Pull Shee" and you will see the information in the tabs, but the actual tab appearance is not showing up.
Here is my code:
[Code]....
I have a Collapsiblepanelextender and a TabContainer with two tabs. the code works fine in FF and Chrome but fails in IE8. I am using VS2008 .Net 3.5 and the latest AjaxToolkit.
I am trying to control the collapsible behavior through tab clicking using javascript. here is the code to replicate my problem.
The aspx.cs code:
[Code]....
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?
how to add close to all the tabs in a tabcontainer.The scenario is, I have only TabContainer on aspx and m populating tabs with UserControls programmatically (with use of DOM). How can I develop the close of a tab with small X on each of the tab? I am not sure how many tabs I have.
View 4 Repliesi created 2 user controls and called them in two different tab panels.
each user control has few requiredfield validators.
aspx has one updatepanel and that updatepanel holds tabcontainer.
each tabpanel of above tabcontainer holds one user control and a button, so there are 2 tab panels to hold 2 user controls and 2 buttons.
<up>
<tc>
<tp1>[code].....
suppose i dont enter required fields in uc2 and navigated to tp1 n filled all the required fields of uc1 and clicked on bt1.here bt1 click event is not firing as requiredfield validators of uc2 are not passed.how do i make this work?requiredfield validators shud fire for that respective tab usercontrol only not for all the usercontrols.
There is a way to trigger a specific ajax tab with a button?I have a web user control that has 3 ajax tabs that are displayed as a modalpopup on my pages. I have a couple pages in my project and I want to use the web user control on each page. All I want is to trigger a specific tab (like tab # 2) from a button in my page. Example, I have 2 button in my page saved search and search record; I want to trigger with button search record the tab # 2 of the web user control. Can I use jQuery for this and how?
View 1 RepliesI need to load different aspx when the user clicked on a particular tab in tabcontainer.
View 3 RepliesI have Menu in my page that it works with linqdatasource.it binds through linq and I created this menu using datalist,and I use linkbutton to show MenuItems.I want to show these items in my page through tab.but I need to display each item in different tab.whenever I click on an item new tab create,and when i click an onother item the previous one stayed open and the current one open in new tab.
View 10 RepliesI have even tried to comment out the XML to remove the tab, but it would appear that even tbcContainer.tabs.remove and removeat just dont flippin work, any work around, for once google's not being useful.
View 2 RepliesI am trying to create a user control in an ASP.NET MVC project. I basically have some formatted data that I want to put inside a repeater. In standard ASP.NET, I would populate the control something like this:
<asp:Repeater ID="MyRepeater" runat="server"
DataSourceID="SQLDataSource" DataMember="DefaultView">
<ItemTemplate>
<uc1:Control ID = "MyControl" runat="server"
Field1='<%#Eval("["Field1"]") %>' Field2='<%#Eval("["Field2"]") %>' />
</ItemTemplate>
</asp:Repeater>
And the control would have corresponding properties in the codefile. However, in MVC, I don't get a codefile as standard. I found this question that describes how to add one, but then wondered if there is a better way of doing this in MVC (I couldn't find any decent articles that said the recommended way).
I'm trying to navigate between tabs using an Image Button On each tab there is a button that navigates the user to te next tab. On the first tab, it works as expect from Tab 1 -> Tab2 But on the seconf tab, I get and error Java script
function MoveTab(tn) {
var container = $find('<%=
TabContainer1.ClientID %>').set_activeTabIndex(tn); ;
}
Button first tab that works ok
<asp:ImageButton
ID="ImageButton8"
runat="server"
OnClientClick="javascript:MoveTab('1')"
ImageUrl="~/Images/saveadd.gif"
/>
Button on second tab that gets error message
<asp:ImageButton
ID="ImageButton1"
runat="server"
OnClientClick="javascript:MoveTab('2')"
ImageUrl="~/Images/savereview.gif"
/>
Error Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code. Exception Details: System.InvalidCastException: Specified cast is not valid. Source Error:
[Code]....
Stack Trace:
[Code]....