Добавление динамических столбцов в ASP.NET Gridview - PullRequest
15 голосов
/ 24 октября 2008

У меня проблема с динамическим добавлением столбцов в GridView. Мне нужно изменить макет - т.е. включенные столбцы - на основе значения в DropDownList. Когда пользователь изменяет выбор в этом списке, мне нужно удалить все столбцы, кроме первого, и динамически добавить дополнительные столбцы на основе выбора.

В моей разметке определен только один столбец - столбец 0, столбец шаблона, в котором я объявляю ссылку Select и другую специфическую для приложения LinkButton. Эта колонка должна быть всегда там. После выбора ListBoxSelection я удаляю все столбцы, кроме первого, а затем повторно добавляю нужные столбцы (в этом примере я упростил его, чтобы всегда добавлять столбец «Заголовок»). Вот часть кода:

RemoveVariableColumnsFromGrid();
BoundField b = new BoundField();
b.DataField = "Title";
this.gvPrimaryListView.Columns.Add(b);
this.gvPrimaryListView.DataBind();


private void RemoveVariableColumnsFromGrid() {
    int ColCount = this.gvPrimaryListView.Columns.Count;
    //Leave column 0 -- our select and view template column
    while (ColCount > 1) {
        this.gvPrimaryListView.Columns.RemoveAt(ColCount - 1);
        --ColCount;
    }
}

При первом запуске этого кода я вижу и статический столбец, и динамически добавляемый столбец «Заголовок». Однако в следующий раз, когда будет сделан выбор, первый столбец будет сгенерирован пустым (в нем ничего нет). Я вижу столбец заголовка и первый столбец слева от него, но внутри него ничего не генерируется. В отладчике я вижу, что gvPrimaryListView действительно все еще имеет два столбца, и первый (индекс 0) действительно является столбцом шаблона. Фактически, столбец даже сохраняет свою ширину, которая в разметке ниже установлена ​​как 165px (для целей отладки).

Есть идеи?

<asp:GridView ID="gvPrimaryListView" runat="server" Width="100%" AutoGenerateColumns="false"
    DataKeyNames="Document_ID" EnableViewState="true" DataSourceID="odsPrimaryDataSource"
    AllowPaging="true" AllowSorting="true" PageSize="10" OnPageIndexChanging="activeListView_PageIndexChanging"
    AutoGenerateSelectButton="False" OnSelectedIndexChanged="activeListView_SelectedIndexChanged"
    Visible="true" OnRowDataBound="CtlDocList_RowDataBound" Font-Size="8pt" Font-Names="Helvetica">
    <Columns>
        <asp:TemplateField ShowHeader="false">
            <ItemTemplate>
                <asp:LinkButton EnableTheming="false" ID="CtlSelectDocRowBtn" runat="server" Text="Select"
                    CommandName="Select" CssClass="gridbutton" OnClick="RowSelectBtn_Click" />
                <asp:ImageButton EnableTheming="false" ID="DocViewBtn" runat="server" ImageUrl="../../images/ViewDoc3.png"
                    CssClass="gridbutton" CommandName="Select" OnClick="DocViewBtn_Click" />
            </ItemTemplate>
            <ItemStyle Width="165px" />
        </asp:TemplateField>
    </Columns>
    <EmptyDataTemplate>
        <asp:Label ID="Label6" runat="server" Text="No rows found." SkinID="LabelHeader"></asp:Label>
    </EmptyDataTemplate>
</asp:GridView>

Просто дополнительная информация.

Это не имеет ничего общего с тем фактом, что это первый столбец, но все, что связано с тем фактом, что это TemplateField. Если поместить нормальный столбец влево (в разметке) и переместить столбец TemplateField вправо, первый столбец будет отображаться нормально, а (теперь второй) столбец TemplateField исчезнет.

Еще одна странная вещь - проблема не возникает при первой обратной передаче - ИЛИ ВТОРОЙ - но она начинается с третьей обратной передачи, а затем продолжается для последующих обратных передач. Я в тупике.

Ответы [ 9 ]

5 голосов
/ 30 октября 2008

Я недавно преодолел проблемы с silmilar с динамическими столбцами в gridviews, возможно, это поможет.

Сначала выключите обзорное состояние
Затем добавьте столбцы программным способом в функцию, инициированную в событии oninit
Наконец, я использовал следующий вспомогательный класс, чтобы вызывать создание флажков при наступлении события RowDataBound. Да, некоторые из них жестко закодированы.

Черт, вот и весь код. Имейте это в виду :) Warrenty как есть, бла-бла-бла ...

Наконец-то, так как я просто промочил ноги, DotNet будет полезен за любые советы [IE не слишком сильно меня рвет) И да, где-то «позаимствовал» исходный код из Интернета, извините, я не могу вспомнить, что у меня в голове:

- Выключить это в защищенном переопределении void OnInit

    private void GridViewProject_AddColumns()
    {
        DataSet dsDataSet = new DataSet();
        TemplateField templateField = null;

        try
        {
            StoredProcedure sp = new StoredProcedure("ExpenseReportItemType_GetList", "INTRANETWEBDB", Context.User.Identity.Name);
            dsDataSet = sp.GetDataSet();

            if (sp.RC != 0 && sp.RC != 3000)
            {
                labelMessage.Text = sp.ErrorMessage;
            }

            int iIndex = 0;
            int iCount = dsDataSet.Tables[0].Rows.Count;
            string strCategoryID = "";
            string strCategoryName = "";
            iStaticColumnCount = GridViewProject.Columns.Count;

            // Insert all columns immediatly to the left of the LAST column
            while (iIndex < iCount)
            {
                strCategoryName = dsDataSet.Tables[0].Rows[iIndex]["CategoryName"].ToString();
                strCategoryID = dsDataSet.Tables[0].Rows[iIndex]["CategoryID"].ToString();

                templateField = new TemplateField();
                templateField.HeaderTemplate = new GridViewTemplateExternal(DataControlRowType.Header, strCategoryName, strCategoryID);
                templateField.ItemTemplate = new GridViewTemplateExternal(DataControlRowType.DataRow, strCategoryName, strCategoryID);
                templateField.FooterTemplate = new GridViewTemplateExternal(DataControlRowType.Footer, strCategoryName, strCategoryID);

                // Have to decriment iStaticColumnCount to insert dynamic columns BEFORE the edit row
                GridViewProject.Columns.Insert((iIndex + (iStaticColumnCount-1)), templateField);
                iIndex++;
            }
            iFinalColumnCount = GridViewProject.Columns.Count;
            iERPEditColumnIndex = (iFinalColumnCount - 1); // iIndex is zero based, Count is not
        }
        catch (Exception exception)
        {
            labelMessage.Text = exception.Message;
        }
    }

- класс помощников

public class GridViewTemplateExternal : System.Web.UI.ITemplate
{
    #region Fields
    public DataControlRowType DataRowType;
    private string strCategoryID;
    private string strColumnName;
    #endregion

    #region Constructor
    public GridViewTemplateExternal(DataControlRowType type, string ColumnName, string CategoryID)
    {
        DataRowType = type; // Header, DataRow,
        strColumnName = ColumnName; // Header name
        strCategoryID = CategoryID;
    }
    #endregion

    #region Methods
    public void InstantiateIn(System.Web.UI.Control container)
    {
        switch (DataRowType)
        {
            case DataControlRowType.Header:
                // build the header for this column
                Label labelHeader = new Label();
                labelHeader.Text = "<b>" + strColumnName + "</b>";
                // All CheckBoxes "Look Up" to the header row for this information
                labelHeader.Attributes["ERICategoryID"] = strCategoryID;
                labelHeader.Style["writing-mode"] = "tb-rl";
                labelHeader.Style["filter"] = "flipv fliph";
                container.Controls.Add(labelHeader);
                break;
            case DataControlRowType.DataRow:
                CheckBox checkboxAllowedRow = new CheckBox();
                checkboxAllowedRow.Enabled = false;
                checkboxAllowedRow.DataBinding += new EventHandler(this.CheckBox_DataBinding);
                container.Controls.Add(checkboxAllowedRow);
                break;
            case DataControlRowType.Footer:
                // No data handling for the footer addition row
                CheckBox checkboxAllowedFooter = new CheckBox();
                container.Controls.Add(checkboxAllowedFooter);
                break;
            default:
                break;
        }
    }
    public void CheckBox_DataBinding(Object sender, EventArgs e)
    {
        CheckBox checkboxAllowed = (CheckBox)sender;// get the control that raised this event
        GridViewRow row = (GridViewRow)checkboxAllowed.NamingContainer;// get the containing row
        string RawValue = DataBinder.Eval(row.DataItem, strColumnName).ToString();
        if (RawValue.ToUpper() == "TRUE")
        {
            checkboxAllowed.Checked = true;
        }
        else
        {
            checkboxAllowed.Checked = false;
        }
    }
    #endregion
}
3 голосов
/ 01 февраля 2013

лучшее решение для добавления динамического столбца в сетку (ASP), размещенное в проекте кода по адресу ниже: Пожалуйста, проверьте это : http://www.codeproject.com/Articles/13461/how-to-create-columns-dynamically-in-a-grid-view

1 голос
/ 25 января 2012
    void Page_PreRenderComplete(object sender, EventArgs e)
    {
        // TemplateField reorder bug: if there is a TemplateField based column (or derived therefrom), GridView may blank out
        // the column (plus possibly others) during any postback, if the user has moved it from its original markup position.
        // This is probably a viewstate bug, as it happens only if a TemplateField based column has been moved.  The workaround is
        // to force a databind before each response. See https://connect.microsoft.com/VisualStudio/feedback/details/104994/templatefield-in-a-gridview-doesnt-have-its-viewstate-restored-when-boundfields-are-inserted
        //
        // This problem is also happening for grid views inside a TabPanel, even if the TemplateField based columns have not
        // been moved.  Also do a databind in that case.
        //
        // We also force a databind right after the user has submitted the column chooser dialog.
        // (This is because the user could have moved TemplateField based column(s) but ColChooserHasMovedTemplateFields()
        // returns false -- ie when the user has moved all TemplateField based columns back to their original positions.
        if ((!_DataBindingDone && (ColChooserHasMovedTemplateFields() || _InTabPanel)) || _ColChooserPanelSubmitted || _ColChooserPanelCancelled)
            DataBind();

        // There is a problem with the GridView in case of custom paging (which is true here) that if we are on the last page,
        // and we delete all row(s) of that page, GridView is not aware of the deletion during the subsequent data binding,
        // will ask the ODS for the last page of data, and will display a blank.  By PreRenderComplete, it will somehow have
        // realized that its PageIndex, PageCount, etc. are too big and updated them properly, but this is too late
        // as the data binding has already occurred with oudated page variables.  So, if we were on the last page just before
        // the last data binding (_LastPageIndex == _LastPageCount - 1) and PageIndex was decremented after the data binding,
        // we know this scenario has happened and we redo the data binding.  See http://scottonwriting.net/sowblog/archive/2006/05/30/163173.aspx
        // for a discussion of the problem when the GridView uses the ODS to delete data.  The discussion also applies when we
        // delete data directly through ClassBuilder objects.
        if (_LastPageIndex == _LastPageCount - 1 && PageIndex < _LastPageIndex)
            DataBind();

        if (EnableColChooser)
        {
            if (!_IsColChooserApplied)
                ApplyColChooser(null, false, false);
            else
            {
                // The purpose of calling ApplyColChooser() here is to order the column headers properly.  The GridView
                // at this point will have reverted the column headers to their original order regardless of ViewState,
                // so we need to apply our own ordering.  (This is not true of data cells, so we don't have to apply
                // ordering to them, as reflected by the parameters of the call.)

                // If we have already processed column reordering upon the column chooser panel being submitted,
                // don't repeat the operation.
                if (!_ColChooserPanelSubmitted)
                    ApplyColChooser(null, false, true);
            }
        }
    }
1 голос
/ 12 июня 2011

Я написал небольшую статью на аналогичную тему, которая касается динамического заполнения столбца GridView на основе столбцов, выбранных пользователем в элементе управления CheckBoxList. Надеюсь, что это поможет тем, кто ищет простую демонстрацию Как динамически генерировать столбцы GridView на основе выбора пользователя? .

1 голос
/ 10 декабря 2008

Я нашел это ранее сегодня: TemplateField в GridView не восстанавливает свой ViewState при вставке BoundFields .

Похоже на ошибку, которую Microsoft не планирует исправлять, поэтому вам придется попробовать одно из указанных выше решений. У меня та же проблема - у меня есть некоторые DataBoundFields и некоторые TemplateFields, и после обратной передачи столбцы на основе TemplateField теряют свои элементы управления и данные.

1 голос
/ 30 октября 2008

Diningphilanderer.myopenid.com имеет аналогичный подход, который я бы порекомендовал.

Проблема в том, что вам приходится перепривязывать сетку каждый раз, когда происходит обратная передача, и, следовательно, вы должны перестраивать столбцы. Мне нравится иметь метод с именем BindGrid (), который сначала очищает Columns GridView1.Columns.Clear (); затем добавляет их программно, затем устанавливает источник данных и вызывает databind. Убедитесь, что у вас отключено состояние просмотра для сетки, и у вас есть autogeneratecolumns = false;

0 голосов
/ 30 октября 2008

Извините, Декер. Я пропустил несколько ключевых моментов, очевидно ..:)

Если это все еще проблема для вас, мне интересно, имеет ли это значение, что есть в шаблоне вашего предмета? Если вы просто поместите туда какой-нибудь текст, а затем несколько раз обновите страницу, появляется ли текст при первой загрузке, а не при второй?

Кроме того, когда возникает проблема, есть ли какая-либо html-разметка в ячейках или они полностью пусты?

0 голосов
/ 29 октября 2008

Вместо того, чтобы динамически добавлять столбцы, вы могли бы определить их с самого начала и скрыть / показать их по мере необходимости (либо с помощью Visible = "false", либо установив для CssClass класса control / header / footer класс с "display: none" ; ")? Я использую этот метод в некоторых моих кодах, включая столбцы шаблонов, без проблем.

0 голосов
/ 25 октября 2008

Я нашел этот маленький самородок в документации под классом DataControlFieldCollection.

Если вы используете элемент управления GridView или DetailsView, объекты DataControlField, которые создаются автоматически (например, когда свойство AutoGenerateColumns имеет значение true), не сохраняются в коллекции общедоступных полей. Вы можете обращаться только к объектам DataControlField и манипулировать ими, которые не генерируются автоматически.

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

...