[ASP.NET]GridView小計欄跟總計欄的解決方案-使用SQL語法

ASP.NET的GridView是我覺得最方便的Server控制項，在公司內部有很多的報表，主要邏輯都寫在SQL裡面，而在GridView裡就能變得比較單純去繫結資料，並修改一些顯示樣式即可，而小計欄和總計欄又是報表常常會遇到的欄位，本篇文章將Step by Step來實做如何建置這樣的報表。
1.新增一個WebForm，並拉一個GridView控制項至畫面

2.移至設計畫面，選擇GridView屬性，修改ID以便程式好閱讀
3.再來看一下本範例的資料表設計，基本上不會太複雜，分為員工編號、部門、年薪三個欄位

4.撰寫SQL語句，也是本文的重點，使用SQL的Grouping語法

Note

GROUPING (Transact-SQL)指出是否彙總 GROUP BY 清單中指定的資料行運算式。 GROUPING 傳回 1 時，表示會在結果集中彙總，傳回 0 則不會。 當指定 GROUP BY 時，GROUPING 只能在 SELECT <select> 清單、HAVING 和 ORDER BY 子句中使用。From MSDN

使用方式如下：

select 
case when grouping(Dept)=1 then N'合計' else isnull(StaffNumber,'') end '員工編號',
case when grouping(StaffNumber)=1 and grouping(Dept)=0 then N'小計' else isnull(Dept,'') end '部門',
sum(pay) as '年薪'
from GirdTest group by Dept,StaffNumber with rollup

如此就能很方便的完成小計欄跟合計欄了：



5.接著回到.aspx.cs開始撰寫程式，於Page_Load的時候Binding資料，GetData()是處理資料的自定義function

private DataTable GetData()
{
    DataTable dt = new DataTable();
    string Sql = @"
                select 
                case when grouping(Dept)=1 then N'合計' else isnull(StaffNumber,'') end '員工編號',
                case when grouping(StaffNumber)=1 and grouping(Dept)=0 then N'小計' else isnull(Dept,'') end '部門',
                sum(pay) as '年薪'
                from GirdTest group by Dept,StaffNumber with rollup";

    using (SqlConnection connection =
    new SqlConnection(connectionString))
    {
        SqlCommand command = new SqlCommand(Sql, connection);
        try
        {
            connection.Open();
            SqlDataReader reader = command.ExecuteReader();
            dt.Load(reader);
            reader.Close();
            return dt;
        }
        catch (Exception ex)
        {
            //Error logging...
        }
    }
    return dt;
}

6.回到設計頁面，選擇編輯資料行




7.加入三個BoundField，並修改HeaderText



8.修改DataField，這裡對應的為SQL Select出來的欄位



9.接著因為預設的GridView都為白色，我們選擇自動格式化來調整一下版型



10.Done!!



結論

很多人的做法也會選擇在GirdView的RowDataBind事件做欄位的處理，可參考這篇文章，此篇文章比較囉嗦一點，實際上開發GridView報表其實是很快的一件事，因為希望能幫助到正在學習ASP.NET的初心者，筆者好像幾年前真的遇到卡這個問題卡到快瘋掉的同事XD，當然除了GridView外，還有很多的選擇，如Reporting Service、Crystal Report…等等，可依照自己喜好及好維護的方式去完成囉。

[HTML]網頁音效播放相容性整理

客戶要求千奇百怪，之前做的線上客服系統，希望收到訊息時加上音效提示，希望把它當作MSN(翻桌)，基本上這樣還蠻吵的，但在這吵雜聲中，順便把各種撥放音效的方式做個瀏覽器相容性的整理。

 

1.Hyperlink

IE7+(會跳出下載視窗)、Chome、Firefox、Opera

<a href="msg.wav">Play Sound</a>

 

2.embed

IE7、Chome、Firefox、Opera

<embed src="msg.wav" autostart="false" loop="false">

 

3.Javascirpt(舊方法)

IE7+、Chome、Firefox、Opera(除IE外，剛進入頁面的時候接會撥放一次)

<script>
    function PlaySound(soundobj) {
        var thissound = eval("document." + soundobj);
        thissound.Play();
    }
</script>
<input type="button" value="Play Sound" onClick="PlaySound('sound1')">
<embed src="msg.wav" autostart=false width=0 height=0 name="sound1" enablejavascript="true">

 

4.Javascript(新方法)

IE7+、Chome、Firefox、Opera(除IE外，剛進入頁面的時候接會撥放一次)

<script>
function EvalSound(soundobj) {
    var thissound = document.getElementById(soundobj);
    thissound.Play();
}
</script>

<embed src="msg.wav" autostart="false" width="1" height="1" id="sound1"
enablejavascript="true">
<input type="button" value="Play Sound" onClick="EvalSound('sound1')">

 

5.Background標籤

IE Only

<bgsound id="sound">
<script>
    function PlaySound(url) {
        document.all.sound.src = url;
    }
</script>
<input type="button" value="Play Sound" onClick="PlaySound('msg.wav')">

 

6.Dynamic HTML

IE7+、Chome、Firefox、Opera

<script>
function DHTMLSound(surl) {
    document.getElementById("dummyspan").innerHTML =
      "<embed src='" + surl + "' hidden=true autostart=true loop=false>";
}
</script>
<span id=dummyspan></span>
<input type="button" value="Play Sound" onClick="DHTMLSound('msg.wav')">

 

7.HTML5

IE9+(只支援mp3)、Chome、Firefox、Opera

<script>
    function EvalSound(soundobj) {
        var thissound = document.getElementById(soundobj);
        thissound.play();
    }
</script>
<audio id="audio1" src="msg.wav" controls preload="auto" autobuffer >
</audio>
<input type="button" value="Play Sound" onClick="EvalSound('audio1')">

 

結論

如果要再某個事件觸發(如Click)又要兼顧相容性，方法6是比較好的做法

--

Reference
http://www.phon.ucl.ac.uk/home/mark/audio/play.htm
http://www.w3schools.com/html/html5_audio.asp

[ASP.NET]C#發送XML Request至PHP頁面

需求概述
專案上常常有與公司夥伴的系統做一些資料的交換，在以往我遇過的都是使用.NET 的Web Service走SOAP協定來做，但這次拿到的規格書是要走HTTP POST的方式，並義好XML架構，在加上一些加解密來做異質系統的交換，而對方的系統是用PHP撰寫的，試了好久終於將傳遞與接收完成，趕快紀錄一下 :(

WebRequest XmlRequest = WebRequest.Create("http://xxxxxxx/Service.php");
XmlRequest.Method = "POST";
//XML範例
string XML = @"
    <XML>
        <TEST>
            <eventTime>2013-08-24 08:00:00</eventTime>
        </TEST>
    </XML>";
byte[] byteArray = Encoding.UTF8.GetBytes("temp=" + XML); //temp為參數的名稱
XmlRequest.ContentLength = byteArray.Length;
XmlRequest.ContentType = "application/x-www-form-urlencoded";
Stream RequestStream = XmlRequest.GetRequestStream();
RequestStream.Write(byteArray, 0, byteArray.Length);
RequestStream.Close();
WebResponse response = XmlRequest.GetResponse(); //開始實做傳遞
Console.WriteLine(((HttpWebResponse)response).StatusDescription);
RequestStream = response.GetResponseStream();
StreamReader reader = new StreamReader(RequestStream);
string responseFromServer = reader.ReadToEnd(); //解析對方回傳的XML

Reference
http://stackoverflow.com/questions/6995314/how-to-send-an-xml-from-a-c-sharp-desktop-application-to-a-php-server-script-and PHP Receiver http://docs.php.net/wrappers.php.php