Блог

У меня есть сетка [Grid1], которая строит свои потоки данных при нажатии кнопки [поиск], мне удалось изменить ее, поместив в UpdatePanel, и она отлично работала. До преобразования сетки 1 в Ajax другая сетка [Grid2] и некоторые другие элементы управления [Текст и метки] заполнялись / обновлялись при нажатии на строку в сетке 1.

Grid2 и другие элементы управления, используемые для заполнения / обновления при событии OnItemCommand в Grid 1. Это код в OnItemCommand, который привязывает соответствующие данные к Grid2 и другим элементам управления.

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

Я надеюсь, что я вношу некоторый смысл. Я новичок в .Net поэтому, пожалуйста, извините. Пожалуйста, найдите код ниже.

  <asp:ScriptManager EnablePartialRendering="true" ID="ScriptManager1" runat="server"></asp:ScriptManager>
     <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers ="True">
      <ContentTemplate>
       <asp:DataGrid ID="grdJobs" runat="server" AllowPaging="true" 
        AlternatingItemStyle-CssClass="gridAltItemStyle"
        AutoGenerateColumns="False" CellPadding="0" 
        DataKeyField="code"
        CssClass="datagridBox" 
        GridLines="horizontal" 
        PagerStyle-Mode="NumericPages"
        HeaderStyle-CssClass="gridHeaderStyle" 
        ItemStyle-CssClass="gridItemStyle"
        PagerStyle-CssClass="gridPagerStyle" 
        Width="445px" OnPageIndexChanged="grdJobs_PageIndexChanged" OnItemCreated="grdJobs_ItemCreated" OnItemCommand="grdJobs_ItemCommand"             OnItemDataBound="grdJobs_ItemDataBound">
         <Columns>
          <asp:BoundColumn  DataField="J_ID" HeaderText="Job"></asp:BoundColumn>
          <asp:BoundColumn  DataField="Contract" HeaderText="Contract" ReadOnly="True"></asp:BoundColumn>
          <asp:BoundColumn  DataField="J_Fault_Line1" HeaderText="Fault" ReadOnly="True"></asp:BoundColumn>
          <asp:BoundColumn  DataField="j_p_id" HeaderText="Fault" Visible="false" ></asp:BoundColumn>
          <asp:ButtonColumn Text="<img src=images/addFeedback.gif style=border: 0px; alt=Add Feedback>" ButtonType="LinkButton"  HeaderText="Add"                   CommandName="Load" ItemStyle-cssClass="Col_9_Item_2"></asp:ButtonColumn>
         </Columns>
        </asp:DataGrid>
       <asp:ImageButton ID="cmdLkp"  ImageUrl="Images/search.gif" runat="server" OnClick="cmdLkp_Click" />

       </ContentTemplate>
      </asp:UpdatePanel>
  

Приведенный ниже код в исходном коде перестал работать

 protected void grdJobs_ItemCommand(object source, DataGridCommandEventArgs e)
    {

        if (e.CommandName == "Load")
        {
            functionToBindDataToGrid2();
            functionToBindDataToOtherControls();
        }
}

 protected void grdJobs_ItemDataBound(object sender, DataGridItemEventArgs e)
    {
      e.Item.Attributes.Add("onclick", "javascript:__doPostBack('grdJobs$ctl"   ((Convert.ToInt32(e.Item.ItemIndex   3).ToString("00")))   "$ctl00','')");
     }
  

В свойствах для UpdatePanel установите режим обновления на «Условный», а дочерние триггеры на «true».

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

GridView — это сложный asp.net управление сервером. У вас возникнут большие трудности с обновлением Grid2 после обновления Grid1 внутри UpdatePanel. Однако, возможно выполнить JavaScript на клиенте после обновления Grid1. Вы могли бы обновить Grid1 внутри панели обновления, выполнить JavaScript после обновления Grid1, который обновит HTML на странице. Проблема в том, что обновление Grid2 с помощью Javascript будет кошмарным объемом работы.

Вот пример того, о чем я говорю: Просмотр сетки с поддержкой Ajax с использованием JavaScript в ASP.NET . Это полный взлом, огромный объем работы, и ваши коллеги возненавидят вас, когда им придется это поддерживать.

Если бы вы хотели обновить ярлык или выпадающий список, то это было бы возможно, но обновление GridView с использованием Javascript и сохранение этих обновлений при обратной передаче является сложной задачей.

Используйте несколько панелей обновления на одной странице. Это не повлияет на макет.

Затем вы можете использовать триггеры (для панелей), чтобы повлиять на то, какие элементы управления вы хотите затронуть.

Вот страница, которая поможет вам понять.

http://www.asp.net/ajax/tutorials/understanding-asp-net-ajax-updatepanel-triggers

Ваша проблема заключается в том, как вы запускаете обратную передачу при щелчке по строке, т. Е. Этот метод

 protected void grdJobs_ItemDataBound(object sender, DataGridItemEventArgs e)
{
  e.Item.Attributes.Add("onclick", "javascript:__doPostBack('grdJobs$ctl"   ((Convert.ToInt32(e.Item.ItemIndex   3).ToString("00")))   "$ctl00','')");
}
  

Ручное написание __doPostBack скрипта, как правило, всегда является плохой идеей. Я полагаю, что вместо этого вам нужно использовать ClientScriptManager.GetPostBackEventReference который создаст для вас похожий сценарий обратной отправки, но будет учитывать всевозможные другие вещи, включая AJAX-идентификацию элемента управления.

Попробуйте что-то вроде этого вместо:

 protected void grdJobs_ItemDataBound(object sender, DataGridItemEventArgs e)
{
  e.Item.Attributes.Add("onclick", ClientScriptManager.GetPostBackEventReference(e.Item, string.Empty);
}