Ir al contenido principal

Entradas

Mostrando las entradas de diciembre, 2015

Cambiar las propiedades de un control dentro de un DataItemTemplate del grid de Devexpress en el lado del cliente

-Asignar el nombre de la instancia del cliente en el evento Init del Control  protected void spinEditQty_Init(object sender, EventArgs e)  {   ASPxSpinEdit spinEdit = sender as ASPxSpinEdit;   GridViewDataItemTemplateContainer c = spinEdit.Parent as GridViewDataItemTemplateContainer;   spinEdit.ClientInstanceName = String.Format("spinEditQty{0}", c.KeyValue);  } -Instanciar el control en el lado del cliente usando el nombre de instancia asignado anteriormente var controlID = "spinEditQty" + id; var name = eval(controlID); -Modificamos alguna propiedad del control (en este caso la propiedad valor) name.SetValue(12); //ponemos 12 como valor del control.

Acceder a los valores y métodos de un control dentro de un ASPxGridView en el lado del cliente.

-Agregar una propiedad de JavaScript al control en el evento Init del Grid.          protected void chkCb_Init(object sender, EventArgs e)         {             ASPxCheckBox chk = sender as ASPxCheckBox;             GridViewDataItemTemplateContainer c = chk.Parent as GridViewDataItemTemplateContainer;             chk.JSProperties.Add("cpIndex", c.ItemIndex);         } -Agregar el control dentro del DataItemTemplate del grid y agregar eventHandler OnChecked en el evento CheckedChanged del lado del cliente.  <dx:GridViewDataTextColumn Caption="CB" ShowInCustomizationForm="True"   VisibleIndex="0">   <DataItemTemplate>    <dx:ASPxCheckBox ID="chkCb" runat="...

Forzar la entrada en una caja de texto en mayúsculas (o minúsculas)

Para forzar la entrada de texto en una caja de texto de ASP.NET en solo mayúsculas, solo hay que agregar el siguiente código en el evento onkeyup de la caja de texto: this.value=this.value.toUpperCase() ; El markup de la caja de texto completo debe quedar de la siguiente manera:  <asp:TextBox ID="txtBoardCode" runat="server" onkeyup="this.value=this.value.toUpperCase();" ValidationGroup="HarnessValidationGroup">  </asp:TextBox> NOTA: Este código funciona igual para las minúsculas, solo hay que cambiar la function por toLowerCase() ;

Obtener el valor de un control ASPxSpinEdit dentro de un ASPxGridView

Para obtener el valor de un control ASPxSpinEdit dentro de un ASPxGridView -Agregar un control ASPxSpinEdit dentro del DataItem Template -Hacer que se muestren los datos de la fuente poniendo en el atributo value la expressión siguiente: ' <%# Bind("GroupCode") %> '  donde GroupCode es el nombre de la columna en la fuente de datos. -Hacer que el evento ValueChanged se procese en el servidor agregando lo siguiente en los eventos del cliente:   <ClientSideEvents ValueChanged="function(s, e) {  e.processOnServer = true; }" /> El markup completo de la columna quedaría así: <dx:GridViewDataTextColumn Caption="Grupo" FieldName="GroupCode" ShowInCustomizationForm="True" VisibleIndex="4">    <PropertiesTextEdit DisplayFormatInEditMode="True" DisplayFormatString="g">    </PropertiesTextEdit>    <DataItemTemplate>       <dx:ASPxSpinEdit ID="spinEdi...

Como escoger entre ViewState, Session, Cache y Cookies

Problemas con Aplicaciones Web Las aplicaciones web son sin estado, lo que significa que una vez una página web es enviada desde servidor, nada permanece en el servidor y la próxima vez que el usuario actualiza la página, esta página será creada desde cero. ASP.NET proporciona las siguientes soluciones para resolver este problema: 1- El ViewState . 2- Las variables de sesión. 3- Las variables de aplicación. 4- La memoria caché . 5- Las cookies . Ahora surge la pregunta: ¿cuándo utilizar qué? 1- El ViewState. El ViewState es un campo oculto en una página ASP.NET , y contiene el estado de esos controles en una página cuya propiedad " EnableViewState " es " true ". También puede agregar explícitamente los valores en ella, como el siguiente ejemplo: Viewstate.Add ("YearOrders", "5887"); El ViewState se debe utilizar cuando se quiere pasar un valor entre diferentes peticiones al servidor de una sola página y sus valores no son accesibles...

Agregar un CustomButton a un ASPXGridview

Para agregar un CustomButton es necesario crear la columna, esto se puede hacer abriendo el markup de la página y agregando entre las etiquetas < Columns > un código similar a el siguiente: <dx:GridViewCommandColumn VisibleIndex="0" ButtonType="Image">  <CustomButtons>   <dx:GridViewCommandColumnCustomButton ID="btnRemove" Image-Url="Content/Images/Remove.png" Image-Width="18px">    <Image Width="18px" Url="Content/Images/Remove.png"></Image>   </dx:GridViewCommandColumnCustomButton>  </CustomButtons> </dx:GridViewCommandColumn> Con esto quedará definida la columna y el botón, ahora solo deberemos definir el evento en el Code Behind . Para hacerlo creamos un método CustomButtonCallback , Visual Studio automáticamente creará los argumentos del evento y puede ser de la siguiente manera: protected void grvHarnessItems_CustomButtonCallback(object sender, ASPxGri...

Mostrar imágenes en una columna del ASPXGridview dependiendo de los datos contenidos en ella.

Para mostrar una imagen dependiendo de los datos de la columna es necesario seguir los siguientes pasos: Agregar una columna al grid y modificar el DataItem Template. Poner una imagen en el DataItem Template. Modificar el evento Init y modificar su propiedad ImageUrl a traves del objeto " sender " basado en los valores de la columna. NOTA: El valor de la columna es obtenido a través del método ASPxGridView.GetRowValuesByKeyValue . Ejemplo:   protected void imgStatus_Init(object sender, EventArgs e)         {             ASPxImage image = (ASPxImage)sender;             GridViewDataItemTemplateContainer container = (GridViewDataItemTemplateContainer)image.NamingContainer;             String value = grvHarnessItems.GetRowValuesByKeyValue(container.KeyValue, "ObjStatSt...