從客戶端獲取電話網格中選定行的值

我想在客戶端使用JavaScript獲取DataField =「id」的GridBoundColumn的值。每當用戶點擊該行的圖像按鈕，我應該檢索該行的id和調用Web方法通過這個ID ......我在同一個aspx頁面試過這個腳本塊：從客戶端獲取電話網格中選定行的值

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> 
    <script type="text/javascript"> 
     function test(object) { 
     try { 
      var master = $find('<%= RadGrid1.ClientID %>').get_masterTableView(); 
      var selectedItems= master.get_selectedItems()[0].getDataKeyValue("id"); 
      alert(selectedItems); 
     } catch (err) {alert(err);} 
     } 
    </script> 
</telerik:RadCodeBlock>

但拋出一個錯誤：無法讀取的未定義的屬性getDataKeyValue ... 我發現選擇的項目是長度爲0：

var selectedItems= master.get_selectedItems().length; // selectedItems = 0

這到底是怎麼錯過了什麼？我如何獲得id值？下面是我Telerik的電網代碼：

<telerik:RadGrid ID="RadGrid1" runat="server" AllowSorting="True" AllowPaging="True" AutoGenerateColumns="False" Width="100%" ShowFooter="true" ItemStyle-Wrap="false" FooterStyle-Wrap="false" FooterStyle-Width="100px" PagerStyle-Wrap="false" EnableEmbeddedSkins="false"      GridLines="None" EnableViewState="false"> 
    <HeaderContextMenu EnableEmbeddedSkins="False"></HeaderContextMenu> 
    <FooterStyle Wrap="False"></FooterStyle> 
    <ItemStyle Wrap="False"></ItemStyle> 
    <PagerStyle Visible="true" PagerTextFormat="Change page: {4} <b>{5}</b> items in <b>{1}</b> pages" /> 

    <MasterTableView DataKeyNames="id" ClientDataKeyNames="id" PageSize="15" TableLayout="Fixed"> 

     <NoRecordsTemplate> 
     <div> No records to display.</div> 
     </NoRecordsTemplate> 

     <Columns> 
     <telerik:GridBoundColumn DataField="id" ReadOnly="True" UniqueName="id" 
             Visible="false"> 
     </telerik:GridBoundColumn> 
     <telerik:GridTemplateColumn UniqueName="TemplateColumn" ItemStyle-Width="35px" HeaderStyle-Width="35px"> 
      <ItemTemplate> 
      <asp:ImageButton ID="imgUpload" runat="server" CausesValidation="False" ClientIDMode="Static" data-id='<%# Eval("id") %>' ImageUrl="~/Images/Misc/File-Upload-icon.png" OnClientClick="test(this);" TabIndex="-1" ToolTip="Upload" /> 
      </ItemTemplate>          
      <HeaderStyle Width="35px"></HeaderStyle> 
      <ItemStyle Width="35px"></ItemStyle> 
     </telerik:GridTemplateColumn> 
     </Columns> 

    </MasterTableView> 
    <ClientSettings> 
    </ClientSettings> 
    <FilterMenu EnableEmbeddedSkins="False" EnableEmbeddedBaseStylesheet="False"> 
    </FilterMenu> 
    <SortingSettings EnableSkinSortStyles="False" /> 
</telerik:RadGrid>

編輯：

我自己也嘗試此解決方案：

var imgUpload = document.getElementById("imgUpload"); 
var imgUpload_ID = imgUpload.getAttribute('data-id'); 
alert(imgUpload_ID); 

var Clicked_rowIndex = object.parentNode.parentNode.rowIndex; 
alert(Clicked_rowIndex);

關於Clicked_rowIndex：每次點擊時返回正確的rowIndex（1， 2,3 ....）但是，對於所有行，它顯示相同的ID（第一行的ID）; 如何在Clicked_rowIndex和imgUpload_ID之間進行組合以獲取所選row_index的ID？

來源

2017-03-08 H.Al

也許你應該工作的參數「對象」上，而不是get_selectedItems（）[指數]作爲有可能是沒有選擇的行單擊圖像時。 –

好了終於讓我找到它：

var Rows = $find('<%= RadGrid1.ClientID %>').get_masterTableView().get_dataItems(); 
var Clicked_rowIndex = object.parentNode.parentNode.rowIndex; 
var row = Rows[Clicked_rowIndex-1]; 
id = row.getDataKeyValue("id"); 
alert(id);

來源

2017-03-08 07:28:40

從客戶端獲取電話網格中選定行的值

回答

相關問題