Blog Web: febrero 2011

lunes, 21 de febrero de 2011

Grid CSS

Se describe como agregar estilo a un Gridview con CSSe imagenes.

Como dar formato a un gridview con css

Creamos nuestro estilo

.Grid
{
width: 100%;
background-color: #fff;
margin: 5px 0 10px 0;
border: solid 1px #525252;
border-collapse: collapse;
}
.Grid td
{
padding: 2px;
border: solid 1px #c1c1c1;
color: #717171;
}
.Grid th
{
padding: 4px 2px;
color: #fff;
background: #424242 url(Image/grd_head.png) repeat-x top;
border-left: solid 1px #525252;
font-size: 0.9em;
}
.Grid .alt
{
background: #fcfcfc url(Image/grd_alt.png) repeat-x top;
}
.Grid .pgr
{
background: #424242 url(Image/grd_pgr.png) repeat-x top;
}
.Grid .pgr table
{
margin: 5px 0;
}
.Grid .pgr td
{
border-width: 0;
padding: 0 6px;
border-left: solid 1px #666;
font-weight: bold;
color: #fff;
line-height: 12px;
}
.Grid .pgr a
{
color: #666;
text-decoration: none;
}
.Grid .pgr a:hover
{
color: #000;
text-decoration: none;
}

Creamos nuestro grid view asignándole los estilos

<asp:GridView ID="grvUsuario" runat="server" Width="100%" AutoGenerateColumns="False" GridLines="None" AllowPaging="true" CssClass="Grid" PagerStyle-CssClass="pgr" AlternatingRowStyle-CssClass="alt">
<Columns>
<asp:BoundField DataField="UNO" HeaderText="UNO" />
<asp:BoundField DataField="DOS" HeaderText="DOS" />
<asp:BoundField DataField="TRES" HeaderText="TRES" />
<asp:BoundField DataField="CUATRO" HeaderText="CUATRO" />
</Columns>
</asp:GridView>

Estas son las imagenes:

Seguir leyendo...

jueves, 17 de febrero de 2011

llenar gridview asp.net

Como llenar un control gridview con c#, ADO.net, Stored Procedure

Iniciemos creando un Stored Procedure el cual regresa empleado, nombre, paterno, materno

CREATE PROCEDURE [dbo].[GetEmployee]
@id_emp int
AS
BEGIN
IF @id_emp <> 0
select empleado,paterno,materno,nombre from empleados_tya
where id_empleado=@id_emp
ELSE
select empleado,paterno,materno,nombre from empleados_tya
END

Una vez realizado este Stored procedemos con lo siguiente.

public DataSet CargaGrid(int iId)
{
string sCon = "Data Source=XAVIERF-PC;Initial Catalog=Eslabon_TyA_Lambi;User ID=****; Password=*****";
SqlConnection oCOn = new SqlConnection(sCon);
SqlDataAdapter da = new SqlDataAdapter("GetEmployee", sCon);
da.SelectCommand.CommandTimeout = 0;
da.SelectCommand.CommandType = CommandType.StoredProcedure;
da.SelectCommand.Parameters.Add("@id_emp", SqlDbType.Int).Value = iId;
DataSet ds = new DataSet();
try
{
da.Fill(ds);
da.Dispose();
return ds;
}
catch (Exception ex)
{
throw ex;
}

}

Ahora Agregas el siguiente código HTML dentro del tag <body>

Este es el evento del botón, al dar clic caerá aquí

protected void btnCarga_Click(object sender, EventArgs e)
{
try
{
//Creamos objeto de negocio
BusCargaGrid oCargaGrid = new BusCargaGrid();
int iIdEmp = Convert.ToInt32(txtEmp.Text==string.Empty ? "0" : txtEmp.Text);
DataSet ds = oCargaGrid.CargaGrid(iIdEmp);
grvEmpleados.DataSource = ds;
grvEmpleados.DataBind();
}
catch (Exception ex)
{
string sScript = @" ";
Page.ClientScript.RegisterStartupScript(Page.GetType(), "Error Grid", sScript);
}
}

Seguir leyendo...

Páginas

lunes, 21 de febrero de 2011

Grid CSS

jueves, 17 de febrero de 2011

llenar gridview asp.net