点击Preview按钮时如何禁用启用批量编辑的Rad Grid所有控件？

嘿，针对你这个需求，我给你整理了两种靠谱的实现方式，前端客户端处理和后端服务器端处理，你可以根据自己的场景灵活选择：

一、前端JavaScript实现（推荐，响应更快） #

这种方式直接在客户端操作，不用页面回发，用户体验更流畅。步骤如下：

1. 给Preview按钮绑定客户端点击事件
   先在ASPX页面里定义你的Preview按钮，通过OnClientClick属性触发自定义JS函数：

   <asp:Button ID="btnPreview" Text="Preview" runat="server" OnClientClick="enableReadOnlyMode(); return false;" />
   

   这里加return false是为了避免按钮默认的回发行为，如果你的场景需要同时触发后端逻辑，可以去掉这个语句。

2. 编写JavaScript函数禁用所有编辑控件
   这个函数需要定位到RadGrid里的所有批量编辑控件，包括每行的输入框、下拉框，还有顶部的批量操作按钮（比如保存、取消）：

   function enableReadOnlyMode() {
       // 获取RadGrid的客户端对象
       var grid = $find("<%= RadGrid1.ClientID %>");
       if (!grid) return;
   
       var masterTable = grid.get_masterTableView();
       var dataItems = masterTable.get_dataItems();
   
       // 遍历所有数据行，禁用每行的编辑控件
       for (var i = 0; i < dataItems.length; i++) {
           var item = dataItems[i];
           // 禁用行内所有文本输入框
           var inputs = item.get_element().getElementsByTagName("input");
           for (var j = 0; j < inputs.length; j++) {
               // 按需排除复选框/单选框（如果不需要禁用这类控件可以删除判断）
               if (inputs[j].type !== "checkbox" && inputs[j].type !== "radio") {
                   inputs[j].disabled = true;
               }
           }
           // 禁用下拉框
           var selects = item.get_element().getElementsByTagName("select");
           for (var k = 0; k < selects.length; k++) {
               selects[k].disabled = true;
           }
           // 禁用多行文本框
           var textareas = item.get_element().getElementsByTagName("textarea");
           for (var l = 0; l < textareas.length; l++) {
               textareas[l].disabled = true;
           }
       }
   
       // 禁用批量编辑的工具栏按钮（比如保存、取消）
       var commandItem = masterTable.get_commandItem();
       if (commandItem) {
           var buttons = commandItem.get_element().getElementsByTagName("input");
           for (var m = 0; m < buttons.length; m++) {
               // 根据按钮的显示文本过滤，只禁用编辑相关按钮
               if (buttons[m].value === "Save changes" || buttons[m].value === "Cancel changes") {
                   buttons[m].disabled = true;
               }
           }
       }
   }
   

二、后端服务器端实现 #

如果你的场景需要和服务器交互后再设置只读（比如需要验证权限或同步数据），可以用这种方式：

1. 给Preview按钮绑定服务器端Click事件

   <asp:Button ID="btnPreview" Text="Preview" runat="server" OnClick="btnPreview_Click" />
   

2. 在后台代码里处理控件禁用
   在按钮的Click事件中，遍历RadGrid的所有数据项，找到每个编辑控件并设置为禁用，同时处理命令栏的操作按钮：

   protected void btnPreview_Click(object sender, EventArgs e)
   {
       // 全局设置网格为不可编辑模式（可选，防止后续触发编辑操作）
       RadGrid1.MasterTableView.Editable = false;
   
       // 遍历所有数据行，禁用行内的编辑控件
       foreach (GridDataItem item in RadGrid1.Items)
       {
           // 遍历行内所有子控件
           foreach (Control ctrl in item.Controls)
           {
               // 禁用文本框
               if (ctrl is TextBox txt)
               {
                   txt.Enabled = false;
               }
               // 禁用下拉框
               else if (ctrl is DropDownList ddl)
               {
                   ddl.Enabled = false;
               }
               // 禁用复选框（按需添加，不需要可以删除）
               else if (ctrl is CheckBox cb)
               {
                   cb.Enabled = false;
               }
           }
       }
   
       // 禁用命令栏的批量操作按钮
       if (RadGrid1.MasterTableView.GetItems(GridItemType.CommandItem).Length > 0)
       {
           GridCommandItem commandItem = RadGrid1.MasterTableView.GetItems(GridItemType.CommandItem)[0] as GridCommandItem;
           // 根据按钮ID找到保存和取消按钮（这里假设按钮ID为btnSave和btnCancel）
           Button btnSave = commandItem.FindControl("btnSave") as Button;
           if (btnSave != null) btnSave.Enabled = false;
   
           Button btnCancel = commandItem.FindControl("btnCancel") as Button;
           if (btnCancel != null) btnCancel.Enabled = false;
       }
   
       // 重新绑定网格，确保所有设置生效
       RadGrid1.Rebind();
   }
   

注意事项 #

• 如果你的RadGrid使用了自定义EditItemTemplate，需要在遍历控件时对应找到你自定义控件的ID来设置禁用状态。
• 前端方式中，如果后续需要恢复编辑状态，可以再写一个类似的函数，把控件的disabled属性设为false即可。

内容的提问来源于stack exchange，提问作者S.V.