Title: In ASP. Web data grid, the mouse click on a line to highlight the solution

2023-09-16 08:44:35 墨初知识笔记 30阅读

first added the following java description language code to the page:-SCRIPTlanguage='javascript' -varold id=“”； varselid=“”； functiononfocuscolor(line，eventid){if(oldid==

style="color: rgba(0, 0, 0, 1)"> line)/span>/span>/span>/span>/span>/span/span>/span>/span>/span>/span>span id="Codehighlighter1_139_259_Open_Text"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">{
                    line.style.backgroundColor /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">=/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"> /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">#ffffff/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">;
                    line.style.color /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">=/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"> /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">#003399/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">;
                    oldid /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">=/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"> /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">""/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">;
                    selid /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">=/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"> /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">""/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">;
                }/span>/span>/span>/span>/span>/span/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"/span>/span>/span>/span>/span>br>                /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 255, 1)">else/span>/span>/span>/span>/span>span id="Codehighlighter1_269_656_Closed_Text" style="border: 1px solid rgba(128, 128, 128, 1); display: none; background-color: rgba(255, 255, 255, 1)"/span>/span>/span>/span>/span>/span/span>/span>/span>/span>/span>span id="Codehighlighter1_269_656_Open_Text"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">{
                    /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 255, 1)">if/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"> (oldid/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">==/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">""/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">)/span>/span>/span>/span>/span>span id="Codehighlighter1_290_422_Closed_Text" style="border: 1px solid rgba(128, 128, 128, 1); display: none; background-color: rgba(255, 255, 255, 1)"/span>/span>/span>/span>/span>/span/span>/span>/span>/span>/span>span id="Codehighlighter1_290_422_Open_Text"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">{
                        line.style.backgroundColor /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">=/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"> /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">#009999/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">;
                        line.style.color /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">=/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"> /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">#CCFF99/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">;
                        oldid /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">=/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"> line;
                        selid /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">=/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"> eventid;
                    }/span>/span>/span>/span>/span>/span/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"/span>/span>/span>/span>/span>br>                    /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 255, 1)">else/span>/span>/span>/span>/span>span id="Codehighlighter1_433_650_Closed_Text" style="border: 1px solid rgba(128, 128, 128, 1); display: none; background-color: rgba(255, 255, 255, 1)"/span>/span>/span>/span>/span>/span/span>/span>/span>/span>/span>span id="Codehighlighter1_433_650_Open_Text"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">{
                        line.style.backgroundColor /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">=/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"> /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">#009999/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">;
                        line.style.color /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">=/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"> /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">#CCFF99/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">;
                        oldid.style.backgroundColor /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">=/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"> /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">#ffffff/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">;
                        oldid.style.color /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">=/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"> /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">#003399/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">;
                        oldid /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">=/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"> line;
                        selid /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">=/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"> eventid;
                    }/span>/span>/span>/span>/span>/span/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"/span>/span>/span>/span>/span>br>                }/span>/span>/span>/span>/span>/span/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"/span>/span>/span>/span>/span>br>            }/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"/span>/span>/span>/span>/span>br>        /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">-->/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"/span>/span>/span>/span>/span>br>        /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"><//span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">SCRIPT/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">>
然后在后台代码端的 ItemDataBound 事件函数中，加入事件代码：
---------------------------------------------------------------------/span>/span>/span>/span>/span>div style="border: 1px solid rgba(204, 204, 204, 1); padding: 4px 5px 4px 4px; font-size: 13px; width: 98%; word-break: break-all; background-color: rgba(238, 238, 238, 1)"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 255, 1)">if/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"> ((e.Item.ItemType/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">!=/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">ListItemType.Header)/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">&&/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">(e.Item.ItemType/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">!=/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">ListItemType.Footer))
            /span>/span>/span>/span>/span>span id="Codehighlighter1_87_269_Closed_Text" style="border: 1px solid rgba(128, 128, 128, 1); display: none; background-color: rgba(255, 255, 255, 1)"/span>/span>/span>/span>/span>/span/span>/span>/span>/span>/span>span id="Codehighlighter1_87_269_Open_Text"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">{
               /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">      e.Item.Attributes.Add(/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">onMousedown/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">, /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">javascript:onfocuscolor(this,'/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"> /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"/span>span class="xzm_is" data-txt="#2B#3C"/span>/span>/span/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"> e.Item.Cells[/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">1/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">].Text /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"/span>span class="xzm_is" data-txt="#2B#3C"/span>/span>/span/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)"> /span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">')/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">"/span>/span>/span>/span>/span>span style="color: rgba(0, 0, 0, 1)">);
            }/span>/span>/span>/span>/span>/span/span>/span>/span>/span>/span>/div>

搞定！/span>/span>/span>/span>/span>/p> /span>/span>/span>/span>/span>br，有一个遗留问题，如何让Server端知道Client端现在鼠标点击的是哪一行？/span>/span>/span>/span>/span>br>有大侠知道吗？请留言，谢谢！

/span>/span>/span>/span>/span>/div>

标签：