I am making a Chat Application in ASP.NET using AJAX,LINQ to SQL and some security features for authentication purpose.The Chat will be according to a specific group.I am getting an error after I attempt to login to the Chat page(default.aspx,in my project) ,
the error is :
"The INSERT statement conflicted with the FOREIGN KEY constraint "FK_tbmsg_tbusr2". The conflict occurred in database "test", table "dbo.tbusr", column 'usrcod'.
The statement has been terminated."
Note : tbmsg is a table for storing data about messages and tbusr for storing data about users.
The Back end Code for Default.aspx is :
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.Security;
using System.Text;
public partial class _Default : System.Web.UI.Page
{
chatDataContext obj = new chatDataContext();
protected void Page_Load(object sender, EventArgs e)
{
if (Page.IsPostBack == false)
{
Label1.Text = "Welcome:" + Session["usrnam"].ToString();
Insert_Msg("Just Login:");
GetLoggedUser();
Get_Msg();
}
}
private void Insert_Msg(String m)
{
tbmsg k = new tbmsg { msgdsc = m, msgdat = DateTime.Now, msgfrmusrcod = Convert.ToInt32(Session["usrcod"]), msgtousrcod = null, msggrpcod = Convert.ToInt32(Request.QueryString["grpcod"]) };
obj.tbmsgs.InsertOnSubmit(k);
obj.SubmitChanges();
}
private void Get_Msg()
{
var q = from p in obj.tbmsgs
where p.msggrpcod == Convert.ToInt32(Request.QueryString["grpcod"])
select p;
StringBuilder sb = new StringBuilder();
foreach (var t in q)
{
sb.Append(t.msgdsc + ":" + t.msgdat.ToString() + ":" + t.tbusr.usrnam + "<br/>");
}
ltmsg.Text = sb.ToString();
}
private void GetLoggedUser()
{
var q = (from p in obj.tblogusrs where p.logusrusrcod == Convert.ToInt32(Session["usrcod"]) select p).SingleOrDefault();
if (q == null)
{
tblogusr x = new tblogusr { logusrusrcod = Convert.ToInt32(Session["usrcod"]), logusrgrpcod = Convert.ToInt32(Request.QueryString["grpcod"]) };
obj.tblogusrs.InsertOnSubmit(x);
obj.SubmitChanges();
}
StringBuilder sb = new StringBuilder();
var q1 = from p in obj.tblogusrs where p.logusrgrpcod == Convert.ToInt32(Request.QueryString["grpcod"]) select p;
foreach (var t in q1)
{
sb.Append(t.tbusr.usrnam + "<br/>");
}
ltuser.Text = sb.ToString();
}
protected void Button1_Click(object sender, EventArgs e)
{
if (TextBox1.Text.Length > 0)
{
Insert_Msg(TextBox1.Text);
TextBox1.Text = String.Empty;
TextBox1.Focus();
}
}
protected void Button2_Click(object sender, EventArgs e)
{
var q = (from p in obj.tblogusrs where p.logusrusrcod == Convert.ToInt32(Session["usrcod"]) select p).SingleOrDefault();
if (q != null)
{
obj.tblogusrs.DeleteOnSubmit(q);
obj.SubmitChanges();
}
Insert_Msg("Just Logout:");
FormsAuthentication.SignOut();
Response.Redirect("login.aspx");
}
protected void Timer1_Tick(object sender, EventArgs e)
{
Get_Msg();
GetLoggedUser();
}
}
The HTML Code:
<%# Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.auto-style1
{
width: 70%;
height: 25px;
}
.auto-style2
{
height: 25px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div style="height: 286px; width: 849px">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<br />
<br />
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<br />
<br />
<br />
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:Timer ID="Timer1" runat="server" Interval="1000" OnTick="Timer1_Tick">
</asp:Timer>
<table border="5" style="width: 100%; margin-right: 0px">
<tr>
<td width="30%" class="auto-style2">
<asp:Literal ID="ltuser" runat="server" />
</td>
<td class="auto-style1">
<asp:Literal ID="ltmsg" runat="server" />
</td>
</tr>
</table>
<br />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
</Triggers>
</asp:UpdatePanel>
</div>
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Send" />
<br />
<asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="Logout" />
</ContentTemplate>
</asp:UpdatePanel>
</form>
</body>
</html>
Description for tbusr table:
usrcod int primary key (auto increment)
usrnam varchar(50)
usrpwd varchar(50)
Description for tbmsg table:
msgcod int primary key (auto increment)
msgdsc varchar(100)
msgdat datetime
msgfrmusrcod int (foreign key with usrcod of tbusr)
msgtousrcod int (foreign key with usrcod of tbusr)
msggrpcod int (foreign key with grpcod of tbgrp)
Note : tbgrp is another table for storing data about groups
Related
I am using HtmlAgilityPack to parse a table on html page to ASP.NET but I am getting exception every time.
Code for ASP.NET Page:
<%# Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="httprequest_web.Default" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<hr />
<br />
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
<asp:TextBox ID="TextBox1" runat="server" MaxLength="6" TextMode="Number"></asp:TextBox>
<br />
<br />
<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
<asp:Label ID="Label3" runat="server" Text="Label" Visible="False"></asp:Label>
<hr />
<br />
<asp:Label ID="Label4" runat="server" Text="Label" Visible="False"></asp:Label>
<br />
</div>
</form>
</body>
</html>
CS Code:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Net;
using System.IO;
using Newtonsoft.Json;
using HtmlAgilityPack;
namespace httprequest_web
{
public partial class Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if(!IsPostBack)
{
Label1.Text = "Train Running Status/ JSON Output";
Label2.Text = "Please enter Train No.:";
}
}
protected void Button1_Click(object sender, EventArgs e)
{
//Generation of HTTP request from the train number specified in text box.
try
{
Label3.Visible = false;
//get request
string base_url = "http://railenquiry.in/runningstatus/";
string url_request = string.Concat(base_url, TextBox1.Text);
//using HtmlAgilityPack
WebClient rq = new WebClient();
string getdata = rq.DownloadString(url_request);
HtmlAgilityPack.HtmlDocument rec_data = new HtmlAgilityPack.HtmlDocument();
rec_data.LoadHtml(getdata);
List<List<string>> table = rec_data.DocumentNode.SelectSingleNode("//table[#class='table table-striped table-vcenter table-bordered table-responsive']")
.Descendants("tr").Where(tr => tr.Elements("td").Count() >= 1).Select(tr => tr.Elements("td").Select(td => td.InnerText.Trim()).ToList()).ToList();
}
catch
{
Label3.Visible = true;
Label3.Text = "Something went wrong. Please try again!";
}
}
}
}
HTML Page Source: Click Here
I am trying to parse running status information to display it on my webpage but every time I am getting an null object exception. Please tell me where I am doing it wrong. Thanks in advance!
HttpClient client = new HttpClient();
var html = await client.GetStringAsync("http://railenquiry.in/runningstatus/12736");
var doc = new HtmlAgilityPack.HtmlDocument();
doc.LoadHtml(html);
//Same as in your question
var table = doc.DocumentNode.SelectSingleNode("//table[#class='table table-striped table-vcenter table-bordered table-responsive']");
var result = table.Descendants("tr")
.Select(tr => tr.Descendants("td").Select(td => td.InnerText).ToList())
.Skip(1) //Skip headers
.Where(x => x.Count==11) //Skip the footer row
.ToList();
result will be List<List<string>> as you expect in your question.
I have an asp.net Button control which I want to use to insert comments in my page. When i click on button, I want it to call a method instead of submitting the form. How do i achieve this?
This is what i have tried so far -
<%# Page Language="C#" %>
<!DOCTYPE html>
<script runat="server">
protected void Button1_Click(object sender, EventArgs e)
{
//Do some stuff here
}
</script>
<head>title and other css links go here</head>
<body>
<form id="form1" runat="server" onsubmit="false">
//Some other asp.net controls go here
<asp:Button ID="Button1" runat="server" Text="Comment" OnClick="Button1_Click"/>
</form>
</body>
</html>
Is there any other way to achieve what I am doing? Suggestions are welcome.
I don't really know exactly what you are meaning.... I think you are asking for how to insert a comment into an aspx via a shout box???... Maybe?
Here is the code to insert whatever you want to type(a comment) into your form from a "method"... although it uses a lot more than just a single method.. this is the simplest way I can think of...
This is your default.aspx (notice no master page here)
<!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 id="Head1" runat="server">
<title>AJAX Example for comment</title>
<link href="Main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div id="page">
<div id="main">
<div id="shoutbox">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<p>Here's what everyone is saying:</p>
<p>
<asp:UpdatePanel ID="ShoutBoxPanel1" runat="server">
<ContentTemplate>
<asp:Label ID="lblShoutBox" runat="server"></asp:Label>
<asp:Timer ID="Timer1" runat="server" Interval="5000">
</asp:Timer>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnAddShout"
EventName="Click" />
</Triggers>
</asp:UpdatePanel>
</p>
<p>
<asp:UpdatePanel ID="ShoutBoxPanel2" runat="server"
UpdateMode="Conditional">
<ContentTemplate>
<p class="label">Name:</p>
<p class="entry">
<asp:TextBox ID="txtUserName" runat="server"
MaxLength="15" Width="100px"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1"
runat="server" ErrorMessage="Name is required."
ControlToValidate="txtUserName" Display="Dynamic"
CssClass="error">
</asp:RequiredFieldValidator>
</p>
<p class="label">Shout:</p>
<p class="entry">
<asp:TextBox ID="txtShout" runat="server"
MaxLength="255" Width="220px"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2"
runat="server" ErrorMessage="Shout is required."
ControlToValidate="txtShout" Display="Dynamic"
CssClass="error">
</asp:RequiredFieldValidator>
</p>
<asp:Button ID="btnAddShout" runat="server" Text="Add Shout"
onclick="btnAddShout_Click" />
<asp:UpdateProgress ID="UpdateProgress1" runat="server"
DynamicLayout="False">
<ProgressTemplate>
<img src="Images/spinner.gif" alt="Please Wait" />
Comment...
</ProgressTemplate>
</asp:UpdateProgress>
</ContentTemplate>
</asp:UpdatePanel>
</p>
</div>
</div>
</div>
</form>
</body>
</html>
And this is your C# Code
using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Text;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
ShoutItemList shoutBox;
if (Application["ShoutBox"] == null)
{
shoutBox = new ShoutItemList();
Application.Add("ShoutBox", shoutBox);
}
else
{
shoutBox = (ShoutItemList)Application["ShoutBox"];
lblShoutBox.Text = shoutBox.Display();
}
if (ScriptManager1.IsInAsyncPostBack != true)
txtUserName.Focus();
}
protected void btnAddShout_Click(object sender, EventArgs e)
{
ShoutItem shout = new ShoutItem();
shout.UserName = txtUserName.Text;
shout.Comment = txtShout.Text;
shout.Timestamp = DateTime.Now;
Application.Lock();
ShoutItemList shoutBox = (ShoutItemList)Application["ShoutBox"];
shoutBox.Add(shout);
Application.UnLock();
lblShoutBox.Text = shoutBox.Display();
txtShout.Text = "";
txtShout.Focus();
}
}
public class ShoutItem
{
public string UserName { get; set; }
public DateTime Timestamp { get; set; }
public string Comment { get; set; }
}
public class ShoutItemList
{
private List<ShoutItem> shoutList = new List<ShoutItem>();
private void Purge()
{
DateTime purgeTime = DateTime.Now;
purgeTime = purgeTime.AddMinutes(-3);
int i = 0;
while (i < shoutList.Count)
{
if (shoutList[i].Timestamp <= purgeTime) shoutList.RemoveAt(i);
else i += 1;
}
}
public void Add(ShoutItem shout)
{
Purge();
System.Threading.Thread.Sleep(2000);
shoutList.Insert(0, shout);
}
public string Display()
{
Purge();
StringBuilder shoutBoxText = new StringBuilder();
if (shoutList.Count > 0)
{
shoutBoxText.AppendLine("<dl>");
foreach (ShoutItem shout in shoutList)
{
shoutBoxText.Append("<dt>" + shout.UserName + " (");
shoutBoxText.Append(shout.Timestamp.ToShortTimeString() + ")</dt>");
shoutBoxText.AppendLine("<dd>" + shout.Comment + "</dd>");
}
shoutBoxText.AppendLine("</dl>");
}
return shoutBoxText.ToString();
}
}
This will allow you to insert whatever comment you want. You can modify this code to your own please....
Let me know if this is the answer you seek.
Use the button's OnClientClick, like this:
<asp:Button ID="Button1" runat="server" Text="Comment" OnClientClick="return javascriptFunction();" OnClick="Button1_Click"/>
then your javascript function would look like this
function javascriptFunction() {
//do something here
return false; //if you don't want the form to POST to the server, leave this as false, otherwise true will let it continue with the POST
}
I want the page to be updated each time the checkbox is checked or unchecked (which is using the Toggle Button from AJAX). But I am not able to do so. I tried doing the same with a button and an imagebutton, they work great( but i faced problem when I tried to update the toggle button in the "onclick" function), but I want to do this with the toggle button, I tried various means by using Page_Load() in databinding and checkchanged events but in vain. How can I correct the code>
Also I want to resize my background according to the resolution of the user. How can I do so? I surfed the net and tried to do many things with a stylesheet but in vain. Please Help.
The Codes are given below from Vidual Studio 9.
Default.aspx :
<%# Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%# Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!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>Confidentially for 'You'</title>
<link id="Link1" rel="Stylesheet" href="StyleSheet.css" type="text/css" runat="server" />
</head>
<body background="eternal_hearts-normal.jpg" text="white">
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<p align="center" runat="server" id="p1">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />Default Line</p>
<p align="center" id="p2">
<asp:Image ID="Image1" runat="server" EnableViewState="False" />
<asp:CheckBox ID="CheckBox1" runat="server"
oncheckedchanged="Page_Load" ondatabinding="Page_Load" />
<cc1:ToggleButtonExtender ID="CheckBox1_ToggleButtonExtender" runat="server"
Enabled="True" TargetControlID="CheckBox1" ImageWidth="19"
ImageHeight="19" UncheckedImageUrl="ToggleButton_Unchecked.gif"
CheckedImageUrl="ToggleButton_Checked.gif" ondatabinding="Page_Load">
</cc1:ToggleButtonExtender>
<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
<asp:ImageButton ID="ImageButton1" runat="server" Height="23px"
onclick="ImageButton1_Click" Width="30px"
ImageUrl="~/ToggleButton_Unchecked.gif" />
</p>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>
</body>
</html>
Default.aspx.cs :
using System;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Threading;
public partial class _Default : System.Web.UI.Page
{
static int flag = 0;
protected void Page_Load(object sender, EventArgs e)
{
if (flag == 1)
{
f();
p1.InnerHtml = "Line 1";
}
else if (flag == 2)
{
f();
p1.InnerHtml = "Line 2";
}
else if (flag == 3)
{
f();
p1.InnerHtml = "Line 3";
}
flag++;
}
protected void CheckBox1_CheckedChanged(object sender, EventArgs e)
{
Page_Load(null, EventArgs.Empty);
}
protected void Button1_Click(object sender, EventArgs e)
{
//if (flag == 0)
//{
// flag++;
// p1.InnerHtml = "Line 1";
//}
//else if (flag == 1)
//{
// flag++;
// p1.InnerHtml = "Line 2";
//}
//else if (flag == 2)
//{
// flag++;
// p1.InnerHtml = "Line 3";
//}
}
protected void f()
{
ImageButton1.ImageUrl = "ToggleButton_Unchecked.gif";
}
protected void ImageButton1_Click(object sender, ImageClickEventArgs e)
{
}
}
Stylesheet :
img#background
{
min-width: 800px;
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
div.back
{
overflow: hidden;
left: 0;
top: 0;
position: absolute;
z-index: -9999;
}
body
{
text-align: center;
left: 50pt;
right: 50pt;
font-family: 'Bookman Old Style';
position: absolute;
z-index: auto;
width : 100%;
height : 100%;
}
A little late in answer but try this -> http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/ToggleButton/ToggleButton.aspx
I am newbie with ASP .NET. I am using a repeater with parent checkboxes (User Type) and inside alse i am using other repeater control for to show User Type Divisions.
Because Checkbox Microsoft ASP control don´t have a value I am using html input type checkboxes because i need perform any actions with javascript and jquery.
My code is the next:
ASPX CODE
<%# Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Admin/Admin.Master"
CodeBehind="Editar.aspx.cs" Inherits="ELearning.Admin.Cursos.Editar" ValidateRequest="true" %>
<%# Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<title>Editar Curso</title>
<script type="text/javascript" src="../../js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="../../js/funcionesGenerales.js"></script>
<script type="text/javascript" src="../../ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="../../ckfinder/ckfinder.js"></script>
<script type="text/javascript">
window.onload = function () {
//editor = CKEDITOR.replace('editor');
CKFinder.setupCKEditor(null, '../../ckfinder/');
}
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<ajax:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server" EnablePageMethods="true" />
<h2 class="principalTitle">
<asp:Label runat="server" ID="lblID"></asp:Label>
</h2>
<div>
<h2>
Titulo:
<asp:TextBox runat="server" Width="500px" ID="txtTitulo"></asp:TextBox>
<asp:RequiredFieldValidator ID="rfTitulo" CssClass="Validator" Text="El campo es obligatorio"
runat="server" ControlToValidate="txtTitulo"></asp:RequiredFieldValidator>
<%--<asp:RequiredFieldValidator ID="rfvTitulo" CssClass="Validator" Text="El campo es obligatorio"
runat="server" ControlToValidate="txtTitulo" />--%>
<asp:RegularExpressionValidator ID="maxLenTxtTitulo" ControlToValidate="txtTitulo"
CssClass="Validator" ValidationExpression="(\s|.){0,256}$" Text="El titulo es demasiado largo. La longitud máxima es de 256."
runat="server" />
</h2>
</div>
<div>
<h2>
Objetivos:
<asp:RequiredFieldValidator ID="rfvObjetivos" CssClass="Validator" Text="El campo es obligatorio"
runat="server" ControlToValidate="heObjetivos" />
</h2>
<p>
<CKEditor:CKEditorControl ID="heObjetivos" Width="862px" runat="server"></CKEditor:CKEditorControl>
</p>
</div>
<div>
<h2>
Destinatarios:
<asp:RequiredFieldValidator ID="rfvDestinatarios" CssClass="Validator" Text="El campo es obligatorio"
runat="server" ControlToValidate="heDestinatarios" /></h2>
<p>
<CKEditor:CKEditorControl ID="heDestinatarios" Width="862px" runat="server"></CKEditor:CKEditorControl>
</p>
</div>
<h2>
Modalidad del curso
<asp:RequiredFieldValidator ID="rfvModalidad" CssClass="Validator" Text="El campo es obligatorio"
runat="server" ControlToValidate="heModalidad" />
</h2>
<p>
<CKEditor:CKEditorControl ID="heModalidad" Width="862px" runat="server"></CKEditor:CKEditorControl>
</p>
<h2>
Tipos de usuario que lo pueden ver</h2>
<ul>
<asp:Repeater ID="rptTipoUsuarios" runat="server">
<ItemTemplate>
<li class="listItems">
<input type="checkbox" id="chkTipoUsuario" class='<%# "chkTipoUsuario-" + DataBinder.Eval(Container.DataItem, "TipoUsuarioId") %>'
value='<%# DataBinder.Eval(Container.DataItem, "TipoUsuarioId") %>' runat="server"
onclick="seleccionarTodos($(this).is(':checked'), $(this).attr('id'))" />
<span id="nombreTipoUsuario" class='<%# "nombreTipoUsuario-" + DataBinder.Eval(Container.DataItem, "TipoUsuarioId") %>'>
<%# DataBinder.Eval(Container.DataItem, "Nombre") %>
</span>
<ul>
<asp:Repeater ID="rptDivisiones" runat="server">
<ItemTemplate>
<li class="listSubItems"><span class='<%# "chkDivision-" + DataBinder.Eval(Container.DataItem, "TipoUsuarioId")%>'>
<input type='checkbox' id="chkDivision" class='<%# "chkDivision-class-" + DataBinder.Eval(Container.DataItem, "DivisionId")%>'
value='<%# DataBinder.Eval(Container.DataItem, "DivisionId") %>' runat="server"
onclick="sumarCheckeo($(this).attr('class'))" />
<%# DataBinder.Eval(Container.DataItem, "Nombre") %>
</span></li>
</ItemTemplate>
</asp:Repeater>
</ul>
</li>
</ItemTemplate>
</asp:Repeater>
</ul>
<div>
<h2>
<span style="display: none">
<asp:TextBox ID="contadorCheckeos" ClientIDMode="Static" Text="0" runat="server"></asp:TextBox>
<asp:CheckBox ID="chkAuxOtros" ClientIDMode="static" runat="server" />
</span>
<asp:RegularExpressionValidator CssClass="Validator" ID="revChkQuantity" ControlToValidate="contadorCheckeos"
runat="server" Text="Debe seleccionar al menos 1 division" ValidationExpression="[1-9]*\.?[0-9]*[1-9]">
</asp:RegularExpressionValidator>
</h2>
</div>
<div>
<asp:Button runat="server" ID="btnSubmit" Text="Actualizar"></asp:Button>
</div>
</asp:Content>
CODE BEHIND
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace ELearning.Admin.Cursos
{
public partial class Editar : System.Web.UI.Page
{
private ELearningContextDataContext db;
private int cursoId;
private List<DataObject.CursoDivision> cursoDivisiones;
protected void Page_Load(object sender, EventArgs e)
{
DeclararHandlers();
InicializarConexionDB();
((Admin)this.Master).PermitirORedireccionarAdmin();
Int32.TryParse(Request.QueryString["id"], out cursoId);
if(!((from p in db.Cursos where p.CursoId == cursoId select p).ToArray().Length > 0))
Response.Redirect("Default.aspx");
if (!Page.IsPostBack)
{
CargarColecciones();
CargarDatos();
}
}
protected void CargarColecciones()
{
CargarTiposDeUsuario();
CargarDivisiones();
}
protected void CargarTiposDeUsuario()
{
var tipoUsuarios = DataObject.TipoUsuario.ObtenerTodos(db, false);
rptTipoUsuarios.DataSource = tipoUsuarios;
rptTipoUsuarios.DataBind();
}
protected void CargarDivisiones()
{
var divisiones = DataObject.Division.ObtenerTodos(db);
}
protected void InicializarConexionDB()
{
db = new ELearningContextDataContext();
}
protected void DeclararHandlers()
{
btnSubmit.Click += new EventHandler(btnSubmit_Click);
rptTipoUsuarios.ItemDataBound += new RepeaterItemEventHandler(rptTipoUsuarios_ItemDataBound);
}
protected void rptTipoUsuarios_ItemCreated(object sender, RepeaterItemEventArgs e)
{
RepeaterItem ri = (RepeaterItem)e.Item;
if (ri.ItemType == ListItemType.Item ||
ri.ItemType == ListItemType.AlternatingItem)
{
Repeater rptDivisiones = (Repeater)ri.FindControl("rptDivisiones");
rptDivisiones.ItemCreated += new RepeaterItemEventHandler(rptDivisiones_ItemCreated);
}
}
protected void rptTipoUsuarios_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
var chk = (System.Web.UI.HtmlControls.HtmlInputCheckBox)e.Item.FindControl("chkTipoUsuario");
chk.ID = "chkTipoUsuario-" + e.Item.ItemIndex;
if (string.Compare(((ELearning.TipoUsuario)(e.Item.DataItem)).Nombre.ToLower(), "otros") == 0)
{
//Ver si se checkeo
//Se puede crear un enum para los tipo de usuario y las divisiones
Int32.TryParse(Context.Request.QueryString["id"], out cursoId);
var query = from p in db.CursoDivisiones where p.CursoId == cursoId && p.DivisionId == 8 select p;
if (query.ToArray().Length > 0)
{
chk.Checked = true;
chkAuxOtros.Checked = true;
}
}
//((System.Web.UI.HtmlControls.HtmlInputCheckBox)chk).Checked = false;
Repeater ChildRepeater = (Repeater)e.Item.FindControl("rptDivisiones");
LlenarRepeaterInterno(ChildRepeater, ((ELearning.TipoUsuario)e.Item.DataItem).TipoUsuarioId);
}
}
protected void LlenarRepeaterInterno(Repeater childRepeater, int tipoUsuarioId)
{
/*SELECT * FROM Divisiones INNER JOIN TipoUsuarios as tu on tu.TipoUsuarioId = Divisiones.TipoUsuarioId WHERE Divisiones.TipoUsuarioId = 1 AND tu.Nombre != 'Otros'*/
var query = (from p in db.Divisiones join q in db.TipoUsuarios on p.TipoUsuarioId equals q.TipoUsuarioId where p.TipoUsuarioId == tipoUsuarioId && string.Compare(q.Nombre.ToLower(), "Otros".ToLower()) != 0 select p).Distinct();
childRepeater.DataSource = query;
childRepeater.DataBind();
}
protected void btnSubmit_Click(object sender, EventArgs e)
{
try
{
//CODE FOR SUBMIT
}
catch (Exception ex)
{
//Manejar excepcion
}
}
protected List<DataObject.CursoDivision> CrearCursoDivision()
{
try
{
List<DataObject.CursoDivision> divisiones = new List<DataObject.CursoDivision>();
int divisionId;
int tipoUsuarioId;
foreach (RepeaterItem item in rptTipoUsuarios.Items)
{
var checkboxTipoUsuario = (System.Web.UI.HtmlControls.HtmlInputCheckBox)item.FindControl("chkTipoUsuario");
Int32.TryParse(checkboxTipoUsuario.Value, out tipoUsuarioId);
if (!DataObject.TipoUsuario.esOtros(db, tipoUsuarioId))
{
Repeater rptDivisiones = (Repeater)item.FindControl("rptDivisiones");
if (rptDivisiones != null)
{
foreach (RepeaterItem itemDivision in rptDivisiones.Items)
{
var checkbox = (System.Web.UI.HtmlControls.HtmlInputCheckBox)itemDivision.FindControl("chkDivision");
if (checkbox.Checked)
{
Int32.TryParse(checkbox.Value, out divisionId);
divisiones.Add(new DataObject.CursoDivision(0, divisionId));
}
}
}
}
else
{
if (chkAuxOtros.Checked)
{
var query = db.Divisiones.Single(q => q.TipoUsuarioId == tipoUsuarioId);
divisiones.Add(new DataObject.CursoDivision(0, query.DivisionId));
}
}
}
return divisiones;
}
catch (Exception ex)
{
throw ex;
}
}
protected void CargarDatos()
{
try
{
Int32.TryParse(Context.Request.QueryString["id"], out cursoId);
//CKFinder.FileBrowser _fileBrowser = new CKFinder.FileBrowser();
//_fileBrowser.BasePath = "/ckfinder/";
//_fileBrowser.SetupCKEditor(null);
if (!Page.IsPostBack && cursoId != 0)
{
var curso = db.Cursos.Single(p => p.CursoId == cursoId);
lblID.Text = string.Format("Editando Curso ID #{0}", cursoId.ToString());
txtTitulo.Text = curso.Titulo;
heObjetivos.Text = curso.Descripcion;
heModalidad.Text = curso.Modalidad;
heDestinatarios.Text = curso.Destinatario;
var query = from q in db.CursoDivisiones
where q.CursoId == cursoId
select q.DivisionId;
string divisionesSeleccionadas = string.Join(",", query.ToArray());
Page.ClientScript.RegisterStartupScript(GetType(), "JSScript", string.Format("tildar('{0}')", divisionesSeleccionadas), true);
}
else
{
if (cursoId == 0)
Response.Redirect("Default.aspx");
}
}
catch (Exception ex)
{
//REdirige hacia pagina de error
}
}
}
}
My problem is that the parent checkbox ever is in false state in Checked property.
Also This page don`t perform correctly the validation actions. When i write in Firebug console validation asp function also return true state.
Which could be the problems?
Thanks in advance
Finally I use a simple html input tag for checkbox adding the onserverclick attribute.
Therefore not is necessary the autopostback.
Thanks and excuse me.
Accept suggestions in comments.
I need to upload an avatar to server in 3 steps using Ajax:
Choose file to upload.
Choose crop zone using jquery.Jcrop.js.
Create avatar and save it to DB.
I have created a user control to implement it. So user clicks the upload button and there is a modalPopUpExtender shows dialog box where users have to choose the file to upload (using AjaxToolKit File async uploader), after the file is uploaded the second PopUp extender has to show the uploaded image in another dialog box to let the user choose the rectangle to crop. And the last step (button click "Create") is to crop image and show it in the parent page. I'm successful with first step. But I can't make the uploaded image to be displayed in the second dialog box.
So here is my complete ascx file and its code behind:
<%# Control Language="C#" AutoEventWireup="true" CodeBehind="Avatar.ascx.cs" Inherits="KR.Trivital.Web.UI.Controls.Avatar" %>
<script type="text/javascript">
window.onload = function () { $addHandler($get('ctl00_CntAvatarBox_ImgButtAvatarImage'), 'click', showOverlay); }
function showOverlay() {
var bid = $find('mpeBehaviorID');
bid.show();
}
function uploadComplete(sender, args) {
var bid = $find('mpeBehaviorID');
bid.hide();
var bid2 = $find('ModalPopupExtender1BehaviorID');
bid2.show();
}
</script>
<asp:UpdatePanel runat="server" ID="UpdPan">
<ContentTemplate>
<asp:Image runat="server" ID="ImgAvatarImage" Visible="false" />
<asp:ImageButton runat="server" ID="ImgButtAvatarImage" Visible="false" OnClientClick="return false;" />
<asp:Panel ID="panPopupUpload" runat="server" CssClass="popUpDetails" Width="550" Style="display: none">
<h2 class="popPanelH2"><asp:Literal runat="server" ID="ltrUploadHeader" Text="Загрузка аватара" /></h2>
<div style="background-color: Gray; padding: 20px;">
<asp:Button ID="btnShowPopupUpload" runat="server" Style="display: none" />
<asp:Button ID="btnCancelPopupUpload" runat="server" Style="display: none" />
<ajaxToolkit:ModalPopupExtender ID="mdlPopupUpload" runat="server" TargetControlID="btnShowPopupUpload"
PopupControlID="panPopupUpload" CancelControlID="btnCancelPopupUpload" BackgroundCssClass="modalBackground"
BehaviorID="mpeBehaviorID" />
<ajaxToolkit:AsyncFileUpload runat="server" ID="AsncUpload1" OnUploadedComplete="AsncUpload1_UploadedComplete"
OnClientUploadComplete="uploadComplete" />
</div>
</asp:Panel>
<asp:Panel ID="panPopupCropper" runat="server" CssClass="popUpDetails" Width="550" Style="display: none">
<h2 class="popPanelH2"><asp:Literal runat="server" ID="Literal1" Text="Выбор обрезного формата" /></h2>
<div style="background-color: Gray; padding: 20px;">
<asp:Button ID="Button1" runat="server" Style="display: none" />
<asp:Button ID="Button2" runat="server" Style="display: none" />
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="Button1"
PopupControlID="panPopupCropper" CancelControlID="Button2" BackgroundCssClass="modalBackground"
BehaviorID="ModalPopupExtender1BehaviorID" />
<img runat="server" id="Img1" alt="" />
</div>
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
codebehind:
using System;
using KR.Trivital.Web.Core;
using KR.Trivital.Business.Users;
using System.Web;
using System.Drawing.Drawing2D;
using System.IO;
using System.Web.UI.WebControls;
using System.Text;
using System.Web.UI;
namespace KR.Trivital.Web.UI.Controls
{
public partial class Avatar : SharedBaseControl
{
protected void Page_Load(object sender, EventArgs e)
{
this.Visible = Page.User.Identity.IsAuthenticated;
var avatar = UserAvatarBO.Get(CurrentUserId);
if (avatar != null)
{
ImgAvatarImage.ImageUrl = avatar.ImagePath;
ImgAvatarImage.Visible = true;
}
else
{
ImgButtAvatarImage.Visible = true;
}
}
protected void lnkButtUpload_Click(object sender, EventArgs e)
{
// Показать панель загрузки
mdlPopupUpload.Show();
}
private AvatarUploader InitializeAvatarUploader()
{
var uploader = new AvatarUploader();
uploader.SmoothingMode = SmoothingMode.HighQuality;
uploader.OffSetMode = PixelOffsetMode.HighQuality;
uploader.ResizingInterpolationMode = InterpolationMode.HighQualityBicubic;
uploader.ThumbMaxHeight = SiteConfig.UserAvatarsSettings.AvatarHeight;
uploader.ThumbMaxWidth = SiteConfig.UserAvatarsSettings.AvatarWidth;
uploader.IntermidiaMaxHeight = SiteConfig.UserAvatarsSettings.UploadHeight;
uploader.IntermidiaMaxWidth = SiteConfig.UserAvatarsSettings.UploadWidth;
uploader.JpgQuality = SiteConfig.UserAvatarsSettings.AvatarQuality;
uploader.UploadFolder = SiteConfig.UserAvatarsSettings.UploadFolder + "/" + this.Page.User.Identity.Name;
return uploader;
}
protected void AsncUpload1_UploadedComplete(object sender, AjaxControlToolkit.AsyncFileUploadEventArgs e)
{
var uploader = InitializeAvatarUploader();
string returnPath = "";
uploader.UploadImage(AsncUpload1.FileContent, AsncUpload1.FileName, ref returnPath);
Img1.Src = "~/" + returnPath;
}
}
}
This is a "creative solution", but it does work.
It uses the AsyncFileUpload's OnClientUploadComplete you're already using and a Control on your page that will trigger an update on your UpdatePanel (e.g. a Button; can have display:false if you like).
function uploadComplete(sender, args) {
// Your code
__doPostBack('<%= UpdatePanelUpdatingControl.UniqueID %>', '');
}