Реализация флажка красного креста в столбце выбора ASPxGridView или общего GridView - PullRequest
Новая
       25

Реализация флажка красного креста в столбце выбора ASPxGridView или общего GridView

0 голосов
/ 18 марта 2011

В настоящее время я использую DevExpress ASPxGridView и хочу, чтобы флажок выбора отображал изображение красного креста при выделении или пустой, если он не выбран.Есть ли библиотека JavaScript, чтобы сделать такую ​​вещь.Если да, можете ли вы привести мне пример.

Пелас, убедитесь, что ваше решение не помешает мне выполнить обратные вызовы для события SelectionChanged.

Примечание. Вы можете предложить мне решения для общего GridView или ASPxGridView.

1 Ответ

0 голосов
/ 18 марта 2011

Хорошо, ребята, я думаю, что это самый лучший способ сделать это.

Вы можете переключать изображение кнопки выбора команд. 

<dx:ASPxGridView ID="ChildGridView" runat="server" KeyFieldName="Log_ID" OnCommandButtonInitialize="ChildGrid_CommandButtonInitialize" OnCustomCallback="ChildGridView_CustomCallback" Width="100%" OnHtmlRowPrepared="ChildGridView_HtmlRowPrepared">

                            <Settings showcolumnheaders="false" gridlines="None"  ShowStatusBar="Hidden" ShowPreview="true" ShowTitlePanel="false"  />
                            <SettingsPager ShowEmptyDataRows="false" Visible="false"></SettingsPager>
                            <Paddings Padding="0px" />
                            <Border BorderWidth="0px" BorderColor="#cccccc"  BorderStyle="None" />
                            <settingsbehavior  />
                            <clientsideevents selectionchanged="function(s,e){                                                                                                                                                                                                
                                                                s.PerformCallback(e.visibleIndex);
                            }" />

                            <Columns>                          
                            <dx:GridViewCommandColumn ButtonType="Image" ShowSelectCheckbox="false" Name="IsChecked">                              
                             <SelectButton  Visible="true" >                               
                               </SelectButton>
                            </dx:GridViewCommandColumn>

                            <dx:GridViewDataTextColumn FieldName="Log_ID" Caption="Log_ID" Visible="false" />
                            <dx:GridViewDataTextColumn FieldName="Message" Caption="Messages" />
                            <dx:GridViewDataTextColumn FieldName="IsRuleBad" Caption="IsRuleBad" Visible="false" />
                            <dx:GridViewDataTextColumn FieldName="Pending_MainTrade_ID" Caption="MainTradeId" Visible="false" />
                            </Columns>
                        </dx:ASPxGridView>

Код сзади: 

 protected void ChildGrid_CommandButtonInitialize(object sender, DevExpress.Web.ASPxGridView.ASPxGridViewCommandButtonEventArgs e)
    {
        string appPath = HttpContext.Current.Request.ApplicationPath;

        ASPxGridView childGrid = sender as ASPxGridView;

        if (e.ButtonType != DevExpress.Web.ASPxGridView.ColumnCommandButtonType.Select) return;
        bool isRowSelected = childGrid.Selection.IsRowSelected(e.VisibleIndex);
        if (isRowSelected)
        {
            e.Image.Url = appPath + "/images/votedown.png";

        }
        else
        {
            e.Image.Url = appPath + "/images/voteup.png";
        }

    }
...