台灣最大程式設計社群網站
線上人數
1254
 
會員總數:243180
討論主題:187993
歡迎您免費加入會員
討論區列表 >> ASP.NET >> GRIDVIEW CHECKBOX 勾選變顏色
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
GRIDVIEW CHECKBOX 勾選變顏色
價值 : 50 QP  點閱數:443 回應數:13

樓主

小裕
初學者
137 182
2650 326
發送站內信



我使用了凍結窗格功能導致CheckBox1
點選後只顯示該格有變顏色,沒有整列,
如果把凍結功能拿掉就OK,
是否有辦法可以克服呢?

<script type="text/javascript" src="Scripts/jquery.min.js"></script>
<script type="text/javascript" src="Scripts/jquery-ui.min.js"></script>
<script type="text/javascript" src="Scripts/gridviewScroll.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
gridviewScroll();
});

function gridviewScroll() {
$('#<%=gv.ClientID%>').gridviewScroll({
width: '100%',
height: 500,
freezesize: 5
});
}
</script>

<script language="javascript">
function setrowcolor(CheckBox1) {
if (CheckBox1.checked)
CheckBox1.parentNode.parentNode.style.backgroundColor = "gray";
else
CheckBox1.parentNode.parentNode.style.backgroundColor = "";
}
</script>
\\\\\\\\\\\


搜尋相關Tags的文章: [ GRIDVIEW CHECKBOX ] ,
本篇文章發表於2018-03-13 17:40
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
作者回應

小裕
檢舉此回應
我把他試著移到非凍結欄就可以了,但只有第一列按下CHECKBOX 只有CHECKBOX那格有顏色,其他列都正常呈現
本篇文章回覆於2018-03-13 20:49
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
回應

topcat
捐贈 VP 給 topcat 檢舉此回應
幾個建議:
1.貼Code的時候,不要沒重點的全部貼出來
您的問題相關的是GridView, JS, CSS的部分,可以分開把這幾個關鍵部分貼出即可
這樣全部一次貼出,您想想幫您看,又無償,這樣的人有多少?

2.您內容中有很多用<font> <FONT>這類的
建議應該改成CSS設定即可

3.您的<script>寫法有新有舊,<font>的語法交雜
想要用Visual Studio幫忙排版,還排不了,得把一些不正常的語法修一修才能藉由Visual Studio的自動排版協助排整齊些
您是使用Visual Studio開發嗎?
建議整理一下程式碼

以上與問題無關,但這些問題對於想幫您的人是困擾,對於您自己開發應該也是困擾,建議修改

^.^a
本篇文章回覆於2018-03-14 10:12
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

topcat
捐贈 VP 給 topcat 檢舉此回應
我把他試著移到非凍結欄就可以了,但只有第一列按下CHECKBOX 只有CHECKBOX那格有顏色,其他列都正常呈現

這個的意思是,您有變顏色的,只有第一列的CheckBox那個cell有變顏色,
其他Cell沒有作用
其他的Row也沒有作用
對嗎?

本篇文章回覆於2018-03-14 10:16
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
作者回應

小裕
檢舉此回應
我的需求是整列都變顏色,
我測試了一下,假設我將凍結欄位那段jquery拿掉,以下都是正常的!
勾選checkbox會整列變顏色,
但加上凍結就有問題了,我點第一列的checkbox,只會在該cell變顏色,但從第二列點checkbox,就整列(Row)都會變顏色!

=======================





本篇文章回覆於2018-03-14 11:04
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
最有價值解答

topcat
捐贈 VP 給 topcat 檢舉此回應
由於您提供的程式碼有點複雜
而您描述中,無論是否有凍結,似乎您寫的Code也沒有正確的執行
所以,我們讓問題簡單化
先不考慮凍結
先讓勾選,整列變色這個動作正確

---

小喵就用個簡單的範例來提供您參考
資料來源,小喵就選擇北風資料庫的Shipper這個資料表
前面加上一個CheckBox
然後,撰寫jQuery,處理這個部分

GridView的部分

GridView的部分不是重點,這裡面只是讓您知道,我有放Templete,裡面放了CheckBox

---

重點在jQuery的部分[/color]
首先,要變背景色的,是
tr中,有td,且td中有checkbox,而且,checkbox是被選取的
這部分,用jQuery取這樣的tr應該是

這樣的選取會是『只要符合的』都會是對象
可能一個,可能多個,也可能一個都沒有

所以,我們要變更他的背景色就會是

但是,在此之前如果之前被勾選,改為不勾選,應該復原
那麼,在做這個之前,不如讓所有的tr他的背景色都還原


因此,我們只要讓每個CheckBox,在Click的時候,都做這個動作就好
但,畫面中,第一次載入時,也是希望執行一次
所以把這兩個動作,抽出來放在一個function
然後,畫面載入完成執行一次,之後每個checkbox被click也都執行
於是

就醬子,大概就能處理囉∼
^_^
本篇文章回覆於2018-03-14 11:09
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
作者回應

小裕
檢舉此回應
這樣可以了!感謝,想請教一下,gridview只能做到凍結跟捲軸嗎?因為某欄位實在太長,無法做到欄位可以縮放嗎??
我找了資料似乎沒這方面的資訊,是否gridview的限制就只能這樣呢?
本篇文章回覆於2018-03-14 15:42
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
7樓
回應

topcat
捐贈 VP 給 topcat 檢舉此回應
不是很理解您所謂的『縮放』是指什麼?
自動折行嗎?

應該可以唷
請參考
[CSS]強制HTML表格內文不超出設定寬度 (強制斷行)

^.^a
本篇文章回覆於2018-03-14 16:16
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
8樓
作者回應

小裕
檢舉此回應
可以拖拉欄位的意思,像EXCEL那樣可以拉開可以縮小!
版主那個用法我有找到,但是欄位實在太長,折行後整個就被拉高了,感覺就是很醜。

另外checkbox那個,我發覺只要將checkbox移到凍結的欄位上,被凍結的欄位就不會變色,
只有不被凍結的欄位會變色,版主的寫法只要td有checkbox的都會變,我看顯示成網頁的時候,那幾欄也都有 tr td包起來。
本篇文章回覆於2018-03-14 20:45
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
9樓
作者回應

小裕
檢舉此回應
找到問題了,那幾欄有設定背景顏色擋住了!
本篇文章回覆於2018-03-14 20:54
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
10樓
回應

topcat
捐贈 VP 給 topcat 檢舉此回應
欄位太長∼
不想橫向延伸
也不想自動換行,變高

那麼,就是多的資料要隱藏囉?
可以用CSS做到
請參考這個
http://www.webkaka.com/tutorial/html/2015/111615/

----
至於像Excel拖拉寬高
這可能要大量的JS撰寫才能做到

也許您去JS的討論版詢問看看

^.^a

話說回來
使用者的複雜需求,有時候很難面面俱到

如果小喵來處理
小喵會提供兩種方式
1.畫面的方式,沒有像Excel那樣的介面,但可以看最即時的資料
2.提供匯出產生Excel檔案

使用者如果說希望像Excel怎麼做怎麼做
小喵會告訴使用者,有提供匯出成Excel
他可以匯出後,愛怎麼調就怎麼調
也可能在Excel中,靈活的運用資料

^_^
本篇文章回覆於2018-03-15 10:51
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
11樓
作者回應

小裕
檢舉此回應
topct版主,請問一下你這段可以加上判斷gridview裡面有一個欄位,
如果為空值的話,出現不可點選的訊息嗎?也不要變顏色。



本篇文章回覆於2018-03-19 22:10
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
12樓
回應

topcat
捐贈 VP 給 topcat 檢舉此回應
解法jQuery可以做
建議您另開一個討論,讓每個討論能夠聚焦
^_^
本篇文章回覆於2018-03-20 10:29
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
13樓
回應

topcat
捐贈 VP 給 topcat 檢舉此回應
小喵看到您在javascript那邊有發問
直接回覆到那篇中
https://www.blueshop.com.tw/board/FUM20041006152641OLG/BRD20180318172612B5M.html

^_^
本篇文章回覆於2018-03-20 13:56
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.