0

Need some help figuring this one please. I would like to add an On RowClick Event handler to my RadGrid to handle the selections from RadComboBox in the RadGrid Editform mode. What I would like to do is to, when user makes a selection from the combobox, display a RadWindow to allow user make additional Selections to be displayed in a textbox in the RadGrid Editform. SO far, what I have displays nothing, not even alertboxes

  function RowCreated(rowObject) {
       alert("Row with Index: " + rowObject.Index + " was created");
   }

   function RowSelected(sender, args) {
       alert("row selected");
       inputFieldValue = args.getDataKeyValue("Type");
       alert(inputFieldValue);
   }

   function RowClick(rowIndex, e) {
       alert("row Clicked");
       var sourceElement;
       alert(rowIndex);
   }

The attachment to the grid happens in the client events tag

<telerik:RadGrid ID="securityGrid" runat="server" AllowPaging="True"  AllowSorting="True" AutoGenerateColumns="false" Height="99.9%" AllowCustomPaging="true">
                              <MasterTableView ShowFooter="true"  AutoGenerateColumns="False" AllowSorting="true" AllowPaging="true" EnableViewState="true" ClientDataKeyNames="HKey" DataKeyNames="HKey">
                                    <NoRecordsTemplate>
                                        <div align="center" style="font-weight: bold; font-size: 16px; color: Green; width: 100%;">
                                            There Are No Records To Display. Please Select Another View.</div>
                                    </NoRecordsTemplate>
                                    <Columns>
                                        <telerik:GridBoundColumn UniqueName="EHKey" Visible="false" DataField="EHKey" />
                                        <telerik:GridCheckBoxColumn UniqueName="Active" HeaderText="Active" DataField="Active"
                                            ColumnEditorID="ReportEditor">
                                            <ItemStyle Width="70" />
                                            <HeaderStyle Width="70" />
                                        </telerik:GridCheckBoxColumn>
                                        <telerik:GridDropDownColumn UniqueName="UILocation" DataSourceID="UILocation_DS"
                                            HeaderText="UI Location" DataField="UILocation" ListTextField="Description" ListValueField="PrimaryKey"
                                            DropDownControlType="RadComboBox" ColumnEditorID="ReportEditor">
                                            <ItemStyle Width="20%" Height="18" />
                                            <HeaderStyle Width="20%" />
                                        </telerik:GridDropDownColumn>
                                        <telerik:GridDropDownColumn UniqueName="Type" DataSourceID="SecurityType_DS" HeaderText="Type"
                                            DataField="SecurityType" ListTextField="Description" ListValueField="PrimaryKey"
                                            DropDownControlType="RadComboBox" ColumnEditorID="ReportEditor">
                                            <ItemStyle Width="120" Height="18" />
                                            <HeaderStyle Width="120" />
                                        </telerik:GridDropDownColumn>
                                        <telerik:GridBoundColumn UniqueName="Item" HeaderText="Item" DataField="ItemList"
                                            ColumnEditorID="ReportEditor">
                                            <ItemStyle Width="10%" />
                                            <HeaderStyle Width="10%" />
                                        </telerik:GridBoundColumn>
                                        <telerik:GridDropDownColumn UniqueName="Access" DataSourceID="AccessType_DS" HeaderText="Access"
                                            DataField="AccessType" ListTextField="Description" ListValueField="PrimaryKey"
                                            DropDownControlType="RadComboBox" ColumnEditorID="ReportEditor">
                                            <ItemStyle Width="120" />
                                            <HeaderStyle Width="120" />
                                        </telerik:GridDropDownColumn>
                                        <%-- <telerik:GridBoundColumn UniqueName="ItemList" Visible="false" DataField="ItemList" />--%>
                                        <telerik:GridEditCommandColumn HeaderText="Edit" ButtonType="ImageButton" UniqueName="EditCommandColumn">
                                            <ItemStyle Width="40" CssClass="WATSImageButton" />
                                            <HeaderStyle Width="40" />
                                        </telerik:GridEditCommandColumn>
                                        <telerik:GridButtonColumn UniqueName="DeleteCommandColumn" ButtonType="ImageButton"
                                            CommandName="Delete" HeaderText="Del" ConfirmTitle="Delete Strategy Milestone!"
                                            ConfirmText="Are you sure you want to delete this record?" ConfirmDialogType="RadWindow"
                                            ConfirmDialogHeight="100" ConfirmDialogWidth="350">
                                            <ItemStyle Width="35" CssClass="WATSImageButton" />
                                            <HeaderStyle Width="35" />
                                        </telerik:GridButtonColumn>
                                    </Columns>
                                    <EditFormSettings>
                                        <FormMainTableStyle GridLines="None" CellSpacing="0" CellPadding="0" Width="100%"
                                            CssClass="masterTable" />
                                        <FormTableStyle CellSpacing="0" CellPadding="0" Width="50%" />
                                        <FormStyle Width="100%" BackColor="#ffffe1"></FormStyle>
                                        <EditColumn ButtonType="ImageButton" CancelText="Cancel" UpdateText="Update" InsertText="Add" />
                                    </EditFormSettings>
                                </MasterTableView>
                                <ClientSettings>
                                    <Scrolling AllowScroll="True" UseStaticHeaders="True" />
                                        <ClientEvents OnRowClick="RowClick" OnGridCreated="GridCreated" />
                                    <Selecting AllowRowSelect="false" />
                                    <ClientEvents />
                                </ClientSettings>
                            </telerik:RadGrid>
4

2 回答 2

0

调试您的 js 代码以查看它的哪一部分被处理以及是否发生错误。这可以帮助您追踪问题所在。

于 2011-03-02T17:26:56.453 回答
0

查看以下行：

alert("Click on row instance: " + eventArgs.get_itemIndexHierarchical());

您尚未定义 eventArgs。这是函数的第一行，因此当您单击该行时“什么都没有”发生是有道理的。

将您的功能更改为如下：

function RowClick(rowIndex, eventArgs) {
           alert("Click on row instance: " + eventArgs.get_itemIndexHierarchical());
           var e = window.event;
           var sourceElement;
           alert(sourceElement);
           if (e.srcElement) {
               sourceElement = e.srcElement;
               alert("sourceElement");
           }
           else if (e.target) {
           sourceElement = e.target;
           alert("target");
           }

       alert("About to check ROw Index");
       if (rowIndex != null) {

           alert("Checked ROw Index");
           inputField = grid.MasterTableView.Rows[rowIndex].Control.getElementsByTagName("INPUT")[0];
           alert(inputField);
           selvalue = sourceElement.value;
           alert(selvalue);
           if (inputField != null) {
               alert("About to show it");
               var popuppage = "userroleselect.aspx" + "?sel=" + selvalue + "&avail=" + inputField.value;
               alert("Shown it!");
               window.radopen(popuppage, "UserRoleDialog");
           }
           else {
               alert("Did Not Make it");
           }
       }
   }

请注意 eventArgs 参数，还请注意变量 e 现在已在函数中定义。

于 2011-03-07T20:15:57.527 回答