Loading bar

프로그램에서 제일 많이 보게되는것이 로딩일 것입니다. 정보를 보여줄때 시간이 조금 걸린다면 시스템이 멈춰보이는것을 방지하기 위해서 사용자에게 "조금만 기다리면 원하는 정보를 보여줄게요." 하는 메세지를 보여주는 것이니까요.


그래서 오늘은 C#과 VB에 관한 Loading bar에 대해서 알아보겠습니다.





예를 들어서 아래와 같은 로딩 이미지를 표시해 준다고 한다면


첫번째로 C#에서의 사용은 아래와 같습니다.
먼저 aspx이 소스는

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CS.aspx.cs" Inherits="CS" %>

<!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></title>
<style type="text/css">
    .modal
    {
        position: fixed;
        top: 0;
        left: 0;
        background-color: black;
        z-index: 99;
        opacity: 0.8;
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        min-height: 100%;
        width: 100%;
    }
    .loading
    {
        font-family: Arial;
        font-size: 10pt;
        border: 5px solid #67CFF5;
        width: 200px;
        height: 100px;
        display: none;
        position: fixed;
        background-color: White;
        z-index: 999;
    }
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    function ShowProgress() {
        setTimeout(function () {
            var modal = $('<div />');
            modal.addClass("modal");
            $('body').append(modal);
            var loading = $(".loading");
            loading.show();
            var top = Math.max($(window).height() / 2 - loading[0].offsetHeight / 2, 0);
            var left = Math.max($(window).width() / 2 - loading[0].offsetWidth / 2, 0);
            loading.css({ top: top, left: left });
        }, 200);
    }
    $('form').live("submit", function () {
        ShowProgress();
    });
</script>
</head>
<body>
    <form id="form1" runat="server">
Country: <asp:DropDownList ID="ddlCountries" runat="server">
    <asp:ListItem Text="All" Value="" />
    <asp:ListItem Text="USA" Value="USA" />
    <asp:ListItem Text="Brazil" Value="Brazil" />
    <asp:ListItem Text="France" Value="France" />
    <asp:ListItem Text="Germany" Value="Germany" />
</asp:DropDownList>
<asp:Button ID="btnSubmit" runat="server" Text="Load Customers"
    OnClick="btnSubmit_Click"  />
<hr />
<asp:GridView ID="gvCustomers" runat="server" AutoGenerateColumns="false">
    <Columns>
        <asp:BoundField DataField="CustomerId" HeaderText="Customer Id" />
        <asp:BoundField DataField="ContactName" HeaderText="Contact Name" />
        <asp:BoundField DataField="City" HeaderText="City" />
    </Columns>
</asp:GridView>
<div class="loading" align="center">
    Loading. Please wait.<br />
    <br />
    <img src="loader.gif" alt="" />
</div>
    </form>
</body>
</html>

다음으로 aspx.cs의 소스는
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Data.SqlClient;
using System.Configuration;

public partial class CS : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            string script = "$(document).ready(function () { $('[id*=btnSubmit]').click(); });";
            ClientScript.RegisterStartupScript(this.GetType(), "load", script, true);
        }     
    }

    protected void btnSubmit_Click(object sender, EventArgs e)
    {
        // Add Fake Delay to simulate long running process.
        System.Threading.Thread.Sleep(5000);
        LoadCustomers();
    }

    private void LoadCustomers()
    {
        string strConnString = ConfigurationManager.ConnectionStrings["constr"].ConnectionString;
        string query = "SELECT * FROM Customers WHERE Country = @Country OR @Country = ''";
        SqlCommand cmd = new SqlCommand(query);
        cmd.Parameters.AddWithValue("@Country", ddlCountries.SelectedItem.Value);
        using (SqlConnection con = new SqlConnection(strConnString))
        {
            using (SqlDataAdapter sda = new SqlDataAdapter())
            {
                cmd.Connection = con;
                sda.SelectCommand = cmd;
                using (DataSet ds = new DataSet())
                {
                    sda.Fill(ds, "Customers");
                    gvCustomers.DataSource =  ds;
                    gvCustomers.DataBind();
                }
            }
        }
    }

}
입니다.




두번째로 VB에서의 aspx는 동일하고 aspx.vb는 아래와 같습니다.

Imports System.Data
Imports System.Data.SqlClient
Imports System.Configuration
Partial Class VB
    Inherits System.Web.UI.Page

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
        If Not IsPostBack Then
            Dim script As String = "$(document).ready(function () { $('[id*=btnSubmit]').click(); });"
            ClientScript.RegisterStartupScript(Me.GetType, "load", script, True)
        End If
    End Sub

    Protected Sub btnSubmit_Click(ByVal sender As Object, ByVal e As EventArgs)
        ' Add Fake Delay to simulate long running process.
        System.Threading.Thread.Sleep(5000)
        LoadCustomers()
    End Sub

    Private Sub LoadCustomers()
        Dim strConnString As String = ConfigurationManager.ConnectionStrings("constr").ConnectionString
        Dim query As String = "SELECT * FROM Customers WHERE Country = @Country OR @Country = ''"
        Dim cmd As SqlCommand = New SqlCommand(query)
        cmd.Parameters.AddWithValue("@Country", ddlCountries.SelectedItem.Value)
        Dim con As SqlConnection = New SqlConnection(strConnString)
        Dim sda As SqlDataAdapter = New SqlDataAdapter
        cmd.Connection = con
        sda.SelectCommand = cmd
        Dim ds As DataSet = New DataSet
        sda.Fill(ds, "Customers")
        gvCustomers.DataSource = ds
        gvCustomers.DataBind()
    End Sub
End Class




이상으로 Loading bar에 대해서 알아보았습니다.

댓글

댓글 쓰기

이 블로그의 인기 게시물

껌 떼는 법 (완벽 제거)

이미지
껌들 많이 씹으시지요. 운전을 하다가 졸리면 습관적으로 껌을 씹고있는 저를 발견하곤 합니다. 이렇게 운전 중에 졸리거나 식사 후 양치질 할 환경이 안되서 입의 음식물 냄새를 제거 할 때 또는, 목마름이나 금연의 도구로 사용하는 경우 등의 많은 경우로 껌을 사용 합니다. 근데 껌을 씹다가 옷이나 어딘가에 달라붙었습니다.ㅠ 이럴때는 어떻게 할까요? 하여 오늘은 껌 떼는 법 (완벽 제거)에 대해서 알아보겠습니다. * 바닥에 붙은 것은 콜드 스프레이를 이용해서 냉각하여 제거하거나 칼이나 공작용, 목공용 도구를 사용하여 제거하는 방법이 있습니다. 바닥에 붙은 것이라면 위의 방법으로 제거하면 되는데요. 마리카락이나 옷에 붙은 껌은 어떻게 제거 할까요? 이 방법에 대해 본격적으로 알아보겠습니다. ▶ 알콜 첫번째 방법으로 알콜을 사용하여 제거하는 방법 입니다. 30도에서 40도의 도수가 높은 알콜을 껌이 붙어있는 부위에 부어서 녹여 제거하는 방법 입니다. 만약 집에 이런 높은 도수의 알콜이 없다면 약국에 소독할 때 쓰는 에탄올을 구매하여 사용하셔도 됩니다. * 아세톤도 가능하지만 옷의 색깔이 변할 수도 있으니 주의하세요. ▶ 모기약 두번째 방법으로 모기약을 사용하여 제거하는 방법 입니다. 모기약(에프킬~라)을 해당 부위에 적당히 뿌립니다. 그리고 조금 후에 보시면 껌이 녹는걸 확인 하실수 있으십니다. 이때 조금씩 떼어 내시면됩니다. 어느정도 제거가 되었다 싶으시면 중성세제로 세탁을 해주시면 될것 같네요...ㅎ ▶ 냉각 세번째로 냉각해서 제거하는 방법 입니다. 다들 껌을 씹다가 차가운 물이나 얼음 또는, 아이스크림과 같이 차가운것을 같이 씹으신 적이 한번씩들 있으시지요...ㅎ 아~ 하고 방법이 색각나시는 분들 있으실거에요~ㅎ 네~ 맞습니다. 껌을 냉각하게 되면 딱딱하게 굳어서 잘 떼어지게 됩니다. 이를 이용하시면 되는데요. 집에 있는 얼음을 해당 부위에 직접 접촉하시면 옷감...
자세한 내용 보기

인성검사 팁 (인성검사 합격)

이미지
취업난이 심해지면서 예전에는 없었던 인성검사까지 취업의 문턱에 하나의 장벽으로 자리 잡았습니다. 인성검사라는 것은 개인의 성격 및 취향 등의 심리를 커다른 기준으로 파악하는 것으로 정답이란 없을덴데 말이지요...;;; 그리도 우리는 준비를 해야겠지요. 정답없는 인적성이 정답으로 둔갑하여 점수가 되니 말이지요. 하여 오늘은 인성검사 팁 (인성검사 합격)에 대해서 포스팅을 준비 했습니다. 엄밀히 말하자면 인성검사는 누구를 합격시키기 보다는 누군가를 탈락시키기 위한 하나의 과정이라고 보시면 됩니다. 위에서 말씀드렸다시피 정답이 없습니다. 하지만 커다란 기준은 있습니다. 하여 그 기준에서 제외되는 답을 하는 사람들을 탈락시키는것이 인성검사의 목적이라고 보시면 됩니다. * 조직(회사)에 부적합하고 사회적이지 못한 사람을 걸러내는 과정이라고 보시면 되겠습니다. ▶ 팁1 하나의 팁으로 진실성과 일관성이 있으면 됩니다. 예를 들어 설명하겠습니다. 인성검사 문제1 : 당신은 초면에 보는 사람과 자연스럽게 친해지는 편인가요? 답 : Yes 인성검사 문제2 : 당신은 처음보는 사람과 동석하면 친해지기 어렵나요? 답 : Yes 위의 두 문제가 의도하는것은 똑같습니다. 둘 문제 다 처음보는 사람과 스스럼없이 친하게 대할 수 있는지를 물어보는 문제 입니다. 이때 답을 Yes, Yes로 한다면 일관성이 없어 좋은 점수를 받기 어렵습니다. * 일관성과 진실성으로 문제를 봐라!!! ▶ 팁2 1. 시험장에 가서 시험지를 받기 전 먼저 자기가 생각 할 때 제일 존경하는 사람을 생각 합니다. 존경하는 사람은 당연히 성격이 좋고 성실하며 순진하고 똑똑해서 많은 사람들이 좋아하고 사회성이 좋은 사람이겠지요. 이런 존경하는 사람을 시험 전 생각하므로서 그사람의 마음으로 도취되도록 유도를 합니다. * 자기만의 주관된 생각으로 문제를 바라보면 단어 하나하나에 의미를 두게 됩니다. (시험이라는 긴장감도 있구요) 하여 단순한 문제...
자세한 내용 보기

석청 효능 및 석청 부작용 알아보기

이미지
석청이라고 들어보셨나요? 생소하신 분들이 많으실거라고 생각되네요. 저도 얼마전 TV를 보고 알았습니다. 벌들이 벌집을 인적이 없는 산속 높은 절벽(기암절벽)에 만들놓고 서식하면서 생산하는 꿀을 석청이라고 합니다. 벌들이 만드는 꿀이라는것에서 일반 양봉된 꿀과 비슷하지만 양봉된 꿀이나 토종꿀보다 칼슘, 칼륨 및 게르마늄과 토코페롤 등이 더욱 풍부하다고 합니다. 하여 오늘은 구하기 힘들고 가격이 비싼 석청 효능 및 석청 부작용 알아보기 입니다. ▶ 석청의 효능 1. 기력이 생기고 면역력이 면역력이 높아지고 강해집니다. 2. 항암효과가 있습니다. (항암효과로 따지자면 석청보다는 프로폴리스가 뛰어나지만 석청꿀에서도 프로폴리스 성분이 있기 때문에 효능이 있습니다.) 3. 혈액순환이 효능이 있습니다. (손과 발이 차가운 분들에게 혈액순환을 좋게하여 몸을 따뜻하게 하는 효과가 있습니다.) 4. 피부염인 아토피나 알레르기에 탁월한 효능이 있습니다. (사실 아토피나 알레르기 같은 피부질환에 최고로 좋은것은 프로폴리스 입니다.) 5. 목에 효능이 있어 인후통이 있으신 분들과 기침을 많이 하시는 분들에게 아주 좋습니다. 6. 4번에서 알수 있듯이 피부 미용에 아주 좋습니다. (해당 피부 부위에 바르셔도 효과가 있습니다.) 7. 예전 드라마 같은데보면 술먹고 들어온 남편이나 아들에게 어머니들이 꿀물 먹이는 보신적이 있지요. 이처럼 숙취해소도 효능이 있습니다.ㅎ 석청은 꿀과 비슷한 효능이 있다고 할 수 있습니다. 당연히 꿀벌이 만드는 것이니 비슷할 수밖에 없겠지요...ㅎ 다만 사람의 손길이 닫지 않아 오랜기간 동안 벌집이 형성되있어 양봉된 것들이나 토종꿀과 비교 했을 때 몸에 좋은 성분의 함유량이 많아서 귀하고 비싼것이지요.ㅎㅎㅎ ▶ 석청의 부작용 효능만 있지는 않습니다. 부작용이 있는데요. 한번 알아보겠습니다. 1. 명현 현상이라고 한의학에서 나오는 말로 상태가...
자세한 내용 보기