亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

asp.net C# 使用 javascript 函數從 gridview 獲取選定行

asp.net C# 使用 javascript 函數從 gridview 獲取選定行

蕭十郎 2023-09-28 17:40:33
我創建了一個 javascript 函數來從 gridview 中獲取選定的行,當我使用 時它工作正常BoundField DataField,但是當我在 gridview 中使用時label它ItemTemplate會返回一個值,但帶有 html 代碼。例如當我使用時BoundField DataField我得到這個:user name 當我在里面使用標簽時ItemTemplate我得到這個:<span id="gvCustomers_Label4_6">user name</span>這是我的代碼:<script type ="text/javascript" >    function GetSelectedRow(UserLink) {        var row = UserLink.parentNode.parentNode;        var Userid = row.cells[1].innerHTML;        alert(Userid);        return false;    }</script>這是網格視圖代碼:<asp:GridView ID="gvCustomers" runat="server" AutoGenerateColumns="false" AllowPaging="true" OnPageIndexChanging="OnPaging">            <Columns>        <asp:TemplateField HeaderText="user name">            <ItemTemplate>                <asp:Label ID="Label4" Text='<%#  Eval("user_name")  %>' runat ="server"/>            </ItemTemplate>        </asp:TemplateField>        <asp:TemplateField>            <ItemTemplate>                <asp:Button ID="ButtonSearch" runat="server" ClientIDMode="Static"  Text='select'  OnClientClick = "return GetSelectedRow(this)" CommandArgument ='<%# Bind("user_name") %>' />            </ItemTemplate>        </asp:TemplateField>    </Columns></asp:GridView>
查看完整描述

2 回答

?
PIPIONE

TA貢獻1829條經驗 獲得超9個贊

如果單元格中有多個跨度或其他元素,則可以執行此操作

row.cells[1].getElementsByTagName("span")[0].innerHTML;


查看完整回答
反對 回復 2023-09-28
?
慕俠2389804

TA貢獻1719條經驗 獲得超6個贊

您需要檢查子節點,如果存在,則從中獲取值。


像這樣的東西:


<script  type ="text/javascript" >

                function GetSelectedRow(UserLink) {

                    var row = UserLink.parentNode.parentNode;

                    var Userid;

                    if(row.cells[1].firstChild) {

                         Userid = row.cells[1].firstChild.innerHTML;

                    } else { 

                         Userid = row.cells[1].innerHTML;

                    }

                    alert(Userid);

                    return false;

                }


      </script>

我還沒有測試過這段代碼,但它應該能給你這個想法。根據需要修改它。


此代碼示例做出了一些可能會破壞它的假設,因此可能需要更加穩健。


查看完整回答
反對 回復 2023-09-28
  • 2 回答
  • 0 關注
  • 243 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號