Невозможно получить значение скрытого поля внутри функции JavaScript - PullRequest
0 голосов
/ 06 июня 2018

Вот мой сценарий, у меня есть кнопка и выпадающий список на странице.При нажатии на эту кнопку мне нужно открыть RadWindow телерика.Внутри этого окна у меня есть вид сетки, и внутри этой сетки мне нужно отобразить данные скрытого поля.Достаточно просто !!

Вот моя разметка radwindow и grid (Hiddenfield находится внутри contenttemplate) ..

<telerik:RadWindow ID="rw_UoMGroupDetails" runat="server" AutoSize="true" MaxHeight="260px" MinWidth="500px" Behaviors="Close,Move" Modal="true" CenterIfModal="true" VisibleTitlebar="true"
    Title="Group Definition" BorderStyle="None" VisibleStatusbar="false" RestrictionZoneID="MainArea">
    <ContentTemplate>
        <asp:HiddenField runat="server" ID="hfUoMComb" />
        <asp:UpdatePanel ID="Updatepanel2" runat="server" UpdateMode="Always">
            <ContentTemplate>
                <telerik:RadAjaxPanel ID="RadAjaxPanel3" LoadingPanelID="RadAjaxLoadingPanel1" runat="server">
                    <telerik:RadGrid ID="rgv_UoMDetails" runat="server" OnNeedDataSource="rgv_UoMDetails_NeedDataSource" Width="100%"
                        Height="220px" ItemStyle-Wrap="false" HeaderStyle-Wrap="false" SelectedItemStyle-BackColor="#003366"
                        OnPreRender="rgv_UoMDetails_PreRender" OnBatchEditCommand="rgv_UoMDetails_BatchEditCommand">
                        <GroupingSettings CollapseAllTooltip="Collapse all groups"></GroupingSettings>
                        <MasterTableView CommandItemDisplay="Top" ShowHeadersWhenNoRecords="true" EditMode="Batch"
                            AutoGenerateColumns="False" DataKeyNames="UoMGID" TableLayout="Fixed">
                            <BatchEditingSettings EditType="Row" />
                            <Columns>
                                <telerik:GridNumericColumn DataField="AltQty" DecimalDigits="5" HeaderText="Alt. Qty" HeaderStyle-Width="100px"
                                    UniqueName="AltQty" ItemStyle-HorizontalAlign="Right">
                                </telerik:GridNumericColumn>
                                <telerik:GridTemplateColumn DataField="UoMID" HeaderText="Alt. UoM" HeaderStyle-Width="120px"
                                    UniqueName="AltUoMID">
                                    <ItemTemplate>
                                        <%#Eval("AltUoMCode") %>
                                    </ItemTemplate>
                                    <EditItemTemplate>
                                        <telerik:RadComboBox ID="cmbx_AltUoM" runat="server" Width="100%" Filter="Contains" MarkFirstMatch="true"
                                            OnClientDropDownOpening="onUoMComboItemRequesting">
                                        </telerik:RadComboBox>
                                    </EditItemTemplate>
                                </telerik:GridTemplateColumn>
                                <telerik:GridTemplateColumn HeaderStyle-Width="20px" ItemStyle-HorizontalAlign="Center">
                                    <ItemTemplate>
                                        <span>=</span>
                                    </ItemTemplate>
                                </telerik:GridTemplateColumn>
                                <telerik:GridNumericColumn DataField="BaseQty" DecimalDigits="5" HeaderStyle-Width="100px" HeaderText="Base Qty"
                                    UniqueName="BaseQty" ItemStyle-HorizontalAlign="Right">
                                </telerik:GridNumericColumn>
                                <telerik:GridBoundColumn DataField="BaseUoMCode" HeaderStyle-Width="100px" FilterControlAltText="Filter BaseUoMCode column"
                                    HeaderText="Base UoM" UniqueName="BaseUoMCode" ReadOnly="true" DefaultInsertValue="Kg">
                                </telerik:GridBoundColumn>
                            </Columns>
                            <CommandItemSettings AddNewRecordText="" CancelChangesText="" SaveChangesText="" RefreshText="" />
                        </MasterTableView>
                        <ClientSettings AllowKeyboardNavigation="true">
                            <ClientEvents OnBatchEditOpening="BatchEditOpening"></ClientEvents>
                            <Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="220px" SaveScrollPosition="true" />
                            <Resizing AllowColumnResize="true"></Resizing>
                        </ClientSettings>
                    </telerik:RadGrid>
                </telerik:RadAjaxPanel>
            </ContentTemplate>
        </asp:UpdatePanel>
    </ContentTemplate>
</telerik:RadWindow>

Хорошо, теперь позвольте мне показать вам, где я устанавливаю данные скрытого поля ..

protected void imgbtn_UoMGroupDef_Click(object sender, ImageButtonClickEventArgs e)
        {
            ViewState["UoMGID"] = cmbx_UoMGGroup.SelectedValue;
            hfUoMComb.Value = cmbx_InventoryUoM.SelectedItem.Text;

Теперь я вызываю клиентское событие этой сетки, где я хочу отобразить данные этого скрытого поля.

<script type="text/javascript">
        function BatchEditOpening(sender, args) {
            debugger;
            for (var i = 0; i < args._tableView._dataItems.length; i++) {
                args._tableView._dataItems[0]._element.cells[4].innerText = document.getElementById('<%= hfUoMComb.ClientID%>').value;
        }
    }
    </script>

Здесь я получаю пустую строку :(! Как я могу исправитьэто?

1 Ответ

0 голосов
/ 06 июня 2018

Это потому, что webforms отображает id скрытого поля, добавляя случайную строку.

Чтобы сохранить id, вам необходимо добавить ClientIDMode="Static"

И вы должны использовать атрибут ClientID, чтобы установить id.

...