I want jQuery to load a usercontrol dynamically from server side code. i want that thing using httphandler.i heard this thing some where but i didn't get any exampleto complete this task
View 2 Replies
i put jqgrid in usercontrol and i load this dynamically.But can not show jqgrid.
how to load jqgrid i usercontrol.
I have 2 nested datalist that one of them is menudatalist and the other is submenu datalist. whenever I click on my submenu items a dynamic user control should load in dynamic tab. my problem is : one of my usercontrols that is JQGRID does not load in tab and when I click on that submenu Item an empty tab is created,however other user controls are loaded in tabs correctly.
View 5 RepliesI 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 want to load a usercontrol that contains a gridview with paging and sorting capabilities without postback.
Code for Load UserControl in case Dynamically is:
[Code]....
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 RepliesIn my master.page I load a Web form:
<script type="text/jscript">$("#LoginInformation").load("LoginInformation.aspx");</script>
But when I have a ListView or DataView, etc... with a pager, I get problems when I click on 'next page'.Then I get the error: Validation of viewstate MAC failed. When I don't use Jquery's load function, I don't get an error.
I am new for Jquerry,I have a user control with a Jquerry calender control,but i am geting "Microsoft JScript runtime error: Object expected" this error when i m trying to add in .aspx page.
can anybody suggest the solution:
.ascx Page:
<script type="text/javascript" src="~/js/jquery-1.3.1.min.js"></script>
<script src="~/js/jquery-ui-1.7.1.custom.min.js" type="text/javascript"></script>
<script src="~/js/daterangepicker.jQuery.js" type="text/javascript"></script>
<link href="~/css/ui.daterangepicker.css" rel="stylesheet" type="text/css" />
<link href="~/css/redmond/jquery-ui-1.7.1.custom.css" rel="stylesheet" type="text/css" />
<script type=text/javascript>
Calender()
{
$(function() {
$("#<%= TextBox1.ClientID %>").attr("readonly", "readonly");
$("#<%= TextBox1.ClientID %>").attr("unselectable", "on");
// $("#<%= TextBox1.ClientID %>").daterangepicker({ presetRanges: [], arrows: true, dateFormat: 'd M, yy', clearValue: '', datepickerOptions: { changeMonth: true, changeYear: true} });
$("#<%= TextBox1.ClientID %>").daterangepicker({arrows: true, dateFormat: 'd M, yy', clearValue: '', datepickerOptions: { changeMonth: true, changeYear: true} });
}
);
}
</script>
<asp:TextBox ID="txtDateOfBirth" runat="server"
Width="82%" BorderColor="#f4785e" TabIndex="-1"></asp:TextBox>
------------------------------------------------------
UI.aspx:
<uc3:AgeCalUsercontrol ID="AgeCalUsercontrol1" runat="server" />
how to load Page.ClientScript.RegisterStartupScript(Page.GetType(), Page.ClientID + "_ReadyScript2", scripts.ToString()); in Class file resubable code
View 2 RepliesI want to know, how to pop up a Jquery Div Pop in asp.net page load. I will get some input parameter thru query string. If that input parameter matches in DataBase then I need to load a page with out Pop Up. If that input parameter doesn't match in DataBase, then I need to load DIV POP UP. And on Ok button click in POP UP, I want to hide POP UP and show normal page.
View 1 RepliesI have two user control in my page uc1 and uc2. I want to make sure that the js function inside these two user control fire when the document is ready.
When I am using '$(document).ready({function(){//something});' in both the user control only the function of the first user control is loading. the function for the second user control was not called.
Can't I use '(document).ready' in two different user control in the same page? If not then how can I make sure that the respective methods are called only when the document is ready?
I have a jQuery UI dialog which has a usercontrol in it, which I get by .load of the page it is in. It is a simple calculator.You pick several numbers and then click a button, a postback happens and finally you get the result in to two lables.When I click the button inside the dialog, the postback happens and I see the result in the original page, not the dialog.
View 1 RepliesI've been working on an usercontrol with a jquery timer in it. At first I had the jquery within the usercontrol. But when I add 2 of those controls to my page the second usercontrol isn't showing it's data very well.Now I've put the jquery into the mainpage and the usercontrol only uses the id's of the jquery.
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs"
Inherits="WebUserControl" %>
<style type="text/css">
[code]...
I'm working on adding a todo list to a project system and would like to have the todo creation trigger a async postback to update the database. I'd really like to host this in a usercontrol so I can drop the todo list onto a project page, task page or stand alone todo list page.
Here's what I have.User Control "TodoList.ascx" which lives in the Controls directory.
The script that sits at the top of the UserControl. You can see where I started building jsonText to postback but when that didn't work I just tried posting back an empty data variable and removed the 'string[] items' variable from the AddTodo2 method.
<script type="text/javascript">
$(document).ready(function() {
// Add the page method call as an onclick handler for the div.
[code]...
I can have a control that can be used to display multiple todo lists and create a brand new todo list as well.When I click on the #divAddButton I can watch it build the postback in firebug but once it completes it runs the error portion by alerting 'error'. I can't see why.
I'd really rather have the response method live inside the user control as well. Since I'll be dropping it on several pages to keep from having to go put a method on each individual page.
which is the best way to learn Jquery....and what all topics I need to cover to learn Jquery in full...so I could code like a pro.
View 2 RepliesI am using jQuery to do a cascading dropdown list (State, City). In order to pull the information from the database I have a web service that I reference. The code all works like a champ when I use the JavaScript on the ASPX page for proof of concept, but when I place the JavaScript in the userControl and then put the userControl on the ASPX page, it breaks.
The next foreseeable thing that will potentially complicate things further is that the userControl will be inside of an updatePanel
i m using master and content page and i have created Usercontrol for Left menu of jquery but my menu working fine in html markup but not in content page
Here is my code:
MasterPage:
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="User.master.cs" Inherits="User" %>
<%@ Register Src="~/UserControl/TopMenu.ascx" TagName="TopMenu" TagPrefix="uc" %>
<%@ Register Src="~/UserControl/TopLinks.ascx" TagName="TopLinks" TagPrefix="uc" %>
<%@ Register Src="~/UserControl/LeftMenu.ascx" TagName="LeftMenu" TagPrefix="uc" %>
<%@ Register Src="~/UserControl/NewsLetter.ascx" TagName="NewsLetter" TagPrefix="uc" %>
<%@ Register Src="~/UserControl/FooterLinks.ascx" TagName="FooterLinks" TagPrefix="uc" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[Code]....
Yesterday i asked from u 'Adding-WebUserControl-to-the-page-or-panel-by-client-side-code'.
from scratch it do'snt work properly. but today I downlowded again. its work rightly.
but it just show one control on it (just show lblMessage).
How Can i shows any number of controls on the WebUserControl. ex: button, picture, ...?
Click Me in a UserControl. I downloaded the sample attached there and its working fine but i am trying to create UserControl out of it. No rows are getting loaded on scrolling down. I modified the code to look like this..
var lastProductId = $("#<%=Test1.GridView1.ClientID %> tr:last").children("td:first").html();
//get last table row in order to append the new products
var lastRow = $("#<%=Test1.GridView1.ClientID %> tr:last");
AND,
function GetRowsCount() {
//Count no. of rows except header row in the grid.
var rowCount = $('#<%=Test1.GridView1.ClientID %> tr').length - 1;
return rowCount;
Its giving me error: The name 'Test1' does not exist in the current context. Test1 is the Id of my USerControl. Test1 is the ID of UserControl. I found your tutorial on similar issue but i did not use it because i am not using stored procedure and i know nothing about XML. At this point i just want to make the sample attached in that article(one i provided) to work as a UserControl.
I am having textbox UserControl inside gridview. It generates id like
ContentPlaceHolder1_gvDetails_txtPcs_1_txtTextBox_1
I am not able to calculate running total it gives NaN
<asp:UpdatePanel ID="GridViewUpdtPanel" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:GridView ID="gvDetails" DataKeyNames="Entryid" runat="server" AutoGenerateColumns="false"
ShowFooter="true" OnRowCancelingEdit="gvDetails_RowCancelingEdit" OnRowDeleting="ColInfo_DeleteEntry"
OnRowEditing="gvDetails_RowEditing" OnRowUpdating="gvDetails_RowUpdating" OnRowDataBound="gvDetails_RowDataBound"
[Code] ....
how to do the below?
I have a file server where i store all of images.I need to display these images onto my webpage using jquery and ajax. how to do ? i can do the reading of the image from file server using a web service hosted on the file server which will return a byte array of the image, but once i read the byte array then how do i display it on the web page using jquery and ajax.
how can i load a ckeditor in jquery UI dialog . can someone specify anything
[code]....
I have a partial view and I want to render it in main view using jquery.
Here is how I am coding the jQuery:
[code]....
where as controller method looks like this:
[code]....
I want to delay blocking by 2 seconds while executing this code. How can I do that ? I tried setTimeout but it did not worked.
document.getElementById('<%=btnSave.ClientID%>').disabled=true;
document.getElementById('<%=btnSave.ClientID%>').value='Saving...';
$('#Block').block({message:'Please wait...',css: { border: '3px solid #a00' }});
The following jQuery code lets me hide and open a panel and set focus on a textbox depending on the setting of a RadioButtonList. There are few problems I have with it (discussed below code).
[Code]....
Problems:
(1) Focus doesn't set on txtSpouse when clicked value is 0.
(2) When I put the function in a .js file, neither of the textboxes (txtSpouse and txtMaiden) receive focus.
(3) I need to unhide pnlMaiden when the page is loaded and rblGender value is 1.
