皇家社会vs莱万特
聊城萬拓網絡科技-專業聊城網站建設、聊城網站制作、聊城網站優化、聊城做網站的品牌網站建設專家!

    您當前的位置是:首頁 - 新聞動態 - 網站建設 ? 錦上添花的datagrid控件使用技巧

    錦上添花的datagrid控件使用技巧
     發布時間:2014-03-25  點擊次數: 次   作者:萬拓網絡  來源:lcbaituo.com  Tags:

    我們知道如果datagrid的寬度比較長那么使得我們很難分清楚行數據,也就是很容易

    使我們看錯行,我想如果當我們的鼠標移動到datagrid的行上,他可以清楚的顯示給

    我們就好了,那么好吧現在我們就開始,首先我們知道datagrid在客戶端被解釋成了

    table所以我們有知道table都有tr和td組成,tr就是行,我們只需要在每個tr上面的

    onmouseover加入一段javascript腳本就可以實現這個功能,
    <table>
    <tr onmouseover="this.style.backgroundColor='Silver'"

    onmouseout="this.style.backgroundColor='white'"><td>...</td></tr>
    </table>
    這是從客戶端看到的腳本那么我們可以通過datagrd在綁定數據的ItemDataBound事件

    時候將這段腳本加入進去。具體代碼如下:
    if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType ==

    ListItemType.AlternatingItem){
    e.Item.Attributes.Add

    ("onmouseover","this.style.backgroundColor='Silver'");
    e.Item.Attributes.Add

    ("onmouseout","this.style.backgroundColor='white'");
    }
    這樣就可以讓鼠標移動過行的時候將顏色變成silver移走之后變成white(本色)。
    前面的判斷可以排除鼠標移動到Head和Foot的時候也有相同的效果,這樣可以把腳本

    只產生在里面的項上。

    或者指定某列變色:
    if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType ==

    ListItemType.AlternatingItem){
    e.Item.Cells[2].Attributes.Add

    ("onmouseover","this.style.backgroundColor='Silver'");
    e.Item.Cells[2].Attributes.Add

    ("onmouseout","this.style.backgroundColor='white'");
    }

    不但如此你還可以指定鼠標移動到某一列時鼠標的形狀:
    e.Item.Cells[3].Style("cursor") = "hand"
    或者點擊某一個單元個顯示提示信息:
    e.Item.Cells[3].Attributes.Add("onclick", "alert('你點擊的ID是: " +

    e.Item.Cells[0].Text + "!');")
    等等...

    通過這個方法我們還可以添加在鼠標移動到行上出現提示的效果
    e.Item.Cells[2].Attributes.Add("title","在這里可以添加提示信息");

    經過實踐發現在綁定的時候你可以添加很多的javascript腳本使你的datagrid看起來

     

    更加生動。
    完!



    分享到:
    上一篇:養成做筆記的習慣開始學習C#1. Console.readline() 意思是等待你輸入一行并忽略掉行末的回車 你在A出加 Console.readline() 程序執行到A就暫停了,你隨便按幾個鍵 再按回車 或 直接按回車就會進入下一次循環 就 又執行Console.WriteLine()了 再B出 加 Console.readline() 作用是讓程序暫停 一邊讓你看到 循環執行的效果 你
    下一篇:用HTML的方式實現IE瀏覽器的菜單命令集錦
     

    本站業務:聊城網站建設-聊城網站制作-聊城做網站  
    皇家社会vs莱万特 好运来分分彩 加拿大28计划软件安卓版 吉林时时预测软件手机版 可以看牌抢庄的棋牌 我乐时时彩计划 幸运飞延全天免费计划 pk10走势图走势教程 建足球场 重庆时时彩龙虎和漏洞 北京pk现场开奖直播 新彊时时彩开奖走势图 凯天娱乐k8