I have some user controls where I would like to add some javascript that uses Ajax and Jquery technology. Also these scripts should use Sys.WebForms.PageRequestManager.getInstance().add_endRequestand other functions of the Ajax framework.In the past I have added the related code to the hosting aspx page but it becomes a problem when re-using the same control in multiple aspx.
View 1 Replies
I have 2 usercontrols but the only idifferance is the layout, i created 2 .ascx files and only 1 .ascx.cs file, there is no compilation error, but when publishing i got error and i cannt publish I'm using VS 2008, Web Site Not web Application project and i dont have the choise to converting to Web Application.does anyone know how to solve it
View 3 Repliesi have the following function in default.aspx.....i have webusercontrol which have 10 checkboxes and 1 button .... i want when i click on button1 of user control then it can access the function of default.aspx ...page ...if i dragged the usercontrol to default.aspx
Normally if i use 10 checkboxes and 1 button in default.aspx then it works fine ... if i use 10checkboxes and 1button in usercontrol then drag that usercontrol in default.aspx then it will not work ..
[Code]....
I have a problem setting focus on a usercontrol in asp.
I have a masterpage with a script manager and a few contentpages. On two of the contentpages I have a usercontrol. Inside this control I have a updatepanel that has another usercontrol that has a asp:textbox, aka TheTextBox. I need those pages to set the focus to TheTextBox.
The innermost usercontrol sets focus in page_prerender: ScriptManager.GetCurrent(Page).SetFocus(TheTextBox);
Now this works on the first pageload, and the second. But not on the third load! And i cant really understad why, but I'm guessing that its because the 2nd postback is renderd inside an updatepanel and somehow that cause the setfocus to not trigger propperly after the 2nd postback.
I have usercontrol (called A) and update panel in it
Following are the control in my updatepanel
1. gridview with link button
2. DIV outside the gridview to load the usercontrol (B) from c#
when i hit the link button of gridview i am loading my usercontrol(B) dynamically from code behind and adding it to the DIV which is working fine. I have button inside the the usercontrol (B) and if i hit the button it doesn't trigger the action.
Not sure why it doesn't trigger the click event. i googled and tried enabling ChildrenAsTriggers="true" though it didn't work.
Test.ascx :
<asp:UpdatePanel ID="upList" runat="server" ChildrenAsTriggers="true" >
<ContentTemplate>
<asp:GridView ID="gvList" AutoGenerateColumns="false" runat="server" Visible="true" Width="95%"
OnRowDataBound="gvList" DataKeyNames="Id" GridLines="None"
ShowFooter="false">
[Code] .....
On Template_Click event i am loading the user control from code behind and adding it to the div[divContainer]
I tried to investigate in deeper and found that the update panel causing the issue. If i use the below code[rfered one of your article] on the page load event then it works fine. the button triggers it's action. but when i click the button which is in gridview, it should not post back as it is in update panel, but it postback.
private void RegisterPostBackControl()
{
foreach (GridViewRow row in gvList.Rows)
{
LinkButton lnkFull = row.FindControl("Template") as LinkButton;
ScriptManager.GetCurrent(this.Page).RegisterPostBackControl(lnkFull);
[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 have built a "portal" that displays "widgets" (server side usercontrols). The page contains two columns, each containing an updatepanel. Each widget contains an updatepanel and multiview with the default view showing a "loading" message and the second view contains the actual content.
When a user logs in, I query the database to get a list of widgets the user has access to, along with their column and order number. During page init, I add all of the widgets to the page's columns in the order indicated. Once the page loads, a timer on each widget gets fired and the widget's multiview switches from the "loading" view to the content view and sets the content's visibility to true. This forces the content to load.
Setting up the load this way makes the page load appear faster because it doesn't process any of the widget data until after the initial page load. This all works fine but I have an issue with the order in which the widgets get loaded.
Currently, the page loads and the widgets will start loading from the top of the left column down to the bottom, then it will start loading the top of the right column. The page could potentially have many widgets so I end up staring at a bunch of loading messages on the right side while I wait for the full left column to load. I would really like to be able to load top down across both columns instead of the whole left column and then the right column. For example, load the first widget in the left column, then the first in the right, and so on. This way, the user would have something to look at the top instead of staring at a bunch of loading messages and having to scroll down the page while it loads.
I have the following problem: I have a web form which contains ajax accordion. Each accordion pane contains a usercontrol. Each usercontrol consists of several textboxes and 2 buttons. All the textboxes and 2 buttons (inside these usercontrols) are wrapped in the UpdatePanel. Following updatepanels is the UpdatePanelAnimationExtender for some animation whithin each usercontrol. Each UpdatePanelAnimationExtender has a different animation id from other usercontrols.
Basically when i only put one usercontrol in the accordion pane everythign works. I have my javascript to clear textboxes and the submit button does a postback to server. However, when i put 2 of these controls in 2 different panes only the last one works. Since the last one works i assume it is because it was last to be parsed on pageLoad. So how can i make it that when user clicks on the accordion pane, the usercontrol is ->?re-initialized?<- so that it could work.
Here is 1st UserControl: uctl1.ascx
[Code]....
Here is 2nd UserControl: uctl2.ascx
[Code]....
when i click on pane and fill up the information in textboxes i click on submit and usercontrol should postback to server for processing.
[Code]....
I use this test code and it works well :
JQuery
$(document).ready(function () {
$("#Result").click(function () {
$.ajax({
type: "POST",
url: "test-JQuery-Page-Methods.aspx/GetInfo",
data: {},
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
$("#Label1").text(msg.d);
}
});
});
});
.VB
<WebMethod()> Public Shared Function GetInfo() As String
Return "test"
End Function
Now i try to pass an argument to the function but something is wrong in my code and i dont know what is wrong... :
JQuery
$(document).ready(function () {
$("#Result").click(function () {
var textj = 'test';
var jsonText = JSON.stringify(textj);
$.ajax({
type: "POST",
url: "test-JQuery-Page-Methods.aspx/GetInfo",
data: jsonText,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
$("#Label1").text(msg.d);
}
});
});
});
.VB
<WebMethod()> Public Shared Function GetInfo(ByVal infostring As String) As String
Return infostring
End Function
Old school coders are used to having every server control create events in the .cs files.. for example.. Getting the Initial load of data, Saving Data, Deleting data... and then binding datasources to the server control..
New school coders want to do it in Jquery + AJAX calls to .svc files... That gives automatic no post backs so that is a advantage... and I think its a different way of thinking.. All of a sudden the UI related events are all being done in Jquery..
What is the most modern and efficient way to go ? How can I convince the old school coders to let us you this new paradigm ? (assuming it is the better way)
So I have this idea of creating a asp.net user control, to handle all forms of modal popups (whether it be error handling, forms, dialogs, etc).
I already created this before, placing the user control in the top master page, exposing it to all content pages, so I could do something like:
Master.Popup.ShowException(Exception);
And the usercontrol itself would have the necessary markup to look like a modal dialog, and in the show method just do a .Visible = true.
This is all fine, but I've started thinking of implementing a bit of style with jquery. I'd like for the usercontrol to have some sort of jquery animation on show. But I don't know how to go about achieving this, as I don't know how I would call that jquery function from the codebehind instead of the popup.visible = true.
[Code]....
[Code]....
i am trying to figure out how to display message box after it done executing the server side code here is the code which works from the client side but still looking for a way to make it work from code-behind.aspx
<div id="status"></div>
script:
$("#status").fadeTo(500, 1, function() { $(this).html("You are now registered!").fadeTo(7000, 0); })
I have a button that needs to check if a contact exists.I have used the Jquery ajax function to do this and I do successfully gind out if the contact exists or not.However I cannot find a way for the javascript code to wait until the ajax has finished so I can return true/false to the button for it to continue server side function. I.e.
[Code]...
Yesterday I upgraded to MVC 2 RC. I have several jquery ajax requests that worked fine prior to the upgrade. Sometimes they work, sometimes they don't.
I know the MVC team made changes to the framework to protect against Json Hijacking so that GET requests are not allowed (by default) and I have changed my jquery ajax code to use 'type: "POST",' and then adorned the Action Method with the POST verb.
Again, the odd thing about this is that it works sometimes and other times it doesn't. When it fails, there are no error details. The error code is 12030 or 12031.
I'm developing an ASP.Net web site using VS 2008 and .Net Framework 3.5, and I want to use jquery ajax in a test page, the code looks like this:
C# Method
[WebMethod]
public static string test()
{
return "Server Response" ;
}
$(document).ready(function() {
$("#myDiv").click(function() {
$.ajax({
type: "POST",
url: "AjaxTest.aspx/test",
data: "",
contentType: "application/json;charset=utf-8",
dataType: "json",
success: function(msg) {
// Replace the div's content with the page
// method's return.
alert(msg.d);
},
error: function(result){
alert("error occured. Status:" + result.status
+ ' --Status Text:' + result.statusText
+ " --Error Result:" + result);
}
});
});
});
So When I use Jquery 1.4.4 like this : I get : Status 200; Status Text: OK When I use Jquery 1.5 I get: Status 200; Status Text: Parsererror So I created a new WebSite in Visual Studio, copy and pased the code there, and it works fine !!!! I can't figure out what causes the problem. Also I have used methods with parameter, and setting data:"{}", and removing data completely, but nothing seems to work. I don't know if has to do anything with the DevExpress components that I'm using or not. I also found a good answer which was working with complete method like this :
complete: function(xhr, status) {
if (status === 'error' || !xhr.responseText) {
alert("Error");
}
else {
var data = xhr.responseText;
alert(data);
//...
}
}
But I don't know if it will work fine or there might be some other problem with this method too. I also don't know how to access response data from here.
suggest any jQuery/Ajax pager solution for asp.net mvc application.
Main requirements are:
1) source code available ( will modify a little if necessary)
2) page shifting have to be without full postbacks based on jQuery/Ajax
BTW, what pager code has Stackoverflow?
Any Example DotNetAge Jquery Library with source Code
View 3 Replieswith jquery and don't know much of it.I have a jQuery code in my asp page and it's not working with Mozzila, Chrome, and Safary it just work with IE. How can I make it work with those browsers? And
How can I put this jquery code outside my html?
[code]...
how to load Page.ClientScript.RegisterStartupScript(Page.GetType(), Page.ClientID + "_ReadyScript2", scripts.ToString()); in Class file resubable code
View 2 RepliesWhich is the best place to put your JQuery code.I have my jquery code on my aspx or ascx page. Is it secure to put our code here?
Would it be best and secure to have a seperate javaScript file for this?
If I use jQuery AJAX to call a specific ASP.NET page method how to have that method return a value back to the AJAX method that called it?
Update
My situation is I have an existing web application with many existing methods. I would like to be able to use jQuery to execute some of these methods and then update the UI with the results. My mandate is to stay away from ASP.NET AJAX and stick with jQuery. Management is concerned about continued development and support with ASP.NET AJAX from Microsoft. I agree with them.
I have the following code where the function codeaddress geocodes the text feild value and returns geocoded value , geocoded value is stored in variable example ,how will i return the variable v2 to the function call and post to asmx webservice.
[code]....
I am using jquery fullcalender..
I want to bind Events to each days of the calender dynamically from the json return by the ajax method..
I am developing web application and in application i need to make call of jQuery using .ajax(); method with datatype is set jsonp. Now all works well with limited data but problem start to occur when data size is increasing......
View 7 Replies
