[asp.net(C#),綁定]aspx元件難伺候...

asp.net data binding gridview dragdrop

舜~ 2020-07-02 07:11:17 ‧ 3900 瀏覽

分享至

我在GridView中想要做條件判斷，名字欄位有內容時才顯示拖曳元件

本來想說跟php一樣，直接if判斷 if (!string.IsNullOrWhiteSpace(DataBinder.E...(見下方註解掉的部分)
行不通...<% 換 <%# 也不行

想說沒那麼多時間研究，那我先用display:none控制好了，雖然也多產生一些垃圾資訊與可能錯誤訊息，不過先趕出東西交差再說
style="<%# string.IsNullOrEmpty( Eval("MBNBR"))?"display:none;":"" %>"
行不通...

也不知道怎麼google....關鍵字下啥....
找了幾個小時感覺最接近我要的是DataBinder.Eval(Container.DataItem...
參考
但Container會出現不存在目前內容中 ...

想請教各位有用過asp的前輩們，這怎麼修正?

<ItemTemplate>
<div style="width:100%;height:100%;" ondrop="drop(event)" ondragover="allowDrop(event)">‌
    <%/* if (!string.IsNullOrWhiteSpace(DataBinder.Eval(Container.DataItem, "MBNBR").ToString()) {   */%>
    <div class="card rounded p-1" 
        data-mid="<%# Eval("MBNBR") %>"
        id="item-<%# Eval("MBNBR") %>"
        draggable="true" ondragstart="drag(event)"
        style="<%# string.IsNullOrEmpty( Eval("MBNBR"))?"display:none;":"" %>">
        <h5 class="card-title">
        </h5>
        <p class="card-text text-dark collapse show " id="item-body-<%# Eval("MBNBR") %>">
        </p>
    </div>
    <% //}  %>
</div>
</ItemTemplate>

另外我想把div的ondrop="drop(event)" ondragover="allowDrop(event)"放到td中，這樣就不用多一層div了，因為div若沒內容的話就無法填充者個儲存格...
所以我用jquery對表格的最後一欄加上事件~

$('#ctl00_ContentPlaceHolder1_GridView1 td:last-child')
                .on('ondrop', function (event) { drop(event); })
                .on('ondragover', function (event) { allowDrop(event); });

沒出錯，但也沒動作....
但若我直接F12在td上加上 ondrop="drop(event)" ondragover="allowDrop(event)"的話動作又正常...
有前輩知道這遇是到什麼問題嗎?

ps.這地方我是做拖曳動作，直接copy這個

最後全部都是在cs完成...

看更多先前的討論...收起先前的討論...

純真的人 iT邦大師 1 級 ‧ 2020-07-02 09:56:13 檢舉

null問題~加空字串判斷~是否為空字串就知道了~

leonliu777 iT邦新手 5 級 ‧ 2020-07-02 10:07:14 檢舉

visible='<%# !string.IsNullOrEmpty( Eval("MBNBR").ToString()) %>'

舜~ iT邦高手 1 級 ‧ 2020-07-02 21:44:29 檢舉

感謝提醒，補上ToString()隱藏就正常了~~

等待有哪位前輩知道在GridView內的if語法要怎麼寫中(註解的那個if)~~

leonliu777 iT邦新手 5 級 ‧ 2020-07-03 12:22:37 檢舉

RowDataBound事件應該也可以達到你要的功能

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

jack8900

iT邦新手 2 級 ‧ 2020-07-02 14:33:27

前端

ShowHeaderWhenEmpty="true" → 沒資料也會顯示標題
AutoGenerateColumns="false" → 讓Grid.Columns取的到值

<asp:GridView ID="GridView1" runat="server" ShowHeaderWhenEmpty="true" AutoGenerateColumns="false">
    <Columns>
        <asp:TemplateField>
            <asp:Button runat="server" Text="Button" />
        </asp:TemplateField>
    </Columns>
</asp:GridView>

後端

//整個都看不到
GridView1.Visible = false;
//如果要隱藏特定欄位，請自行爬文Grid.Columns

//如果要顯示表頭，但是無資料再PageLoad的時候綁定空白DataTable
GridView1.DataSource = new DataTable();
GridView1.DataBind();
//要資料就重新上面兩行把資料塞進去

回應 2
分享
檢舉

舜~ iT邦高手 1 級 ‧ 2020-07-02 15:32:38 檢舉

謝謝，我沒表達好，有調整一下內文了
我希望若該筆資料沒有會員ID的情況下就不要產生空的拖曳元件~~

jack8900 iT邦新手 2 級 ‧ 2020-07-02 17:08:12 檢舉

偷懶的方式是DIV元件加屬性去判斷，沒資料就隱藏，有資料就顯示
只不過比較麻煩的是要去把ROW抓出來找到ID的那個控制項，然後去添加或減少元素做變更

或者等別的高手看有沒有更好的辦法~

<div id="id" runat="server">
</div>

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22217 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙