как использовать JavaScript на AspxGridview - PullRequest
Новая
       26

как использовать JavaScript на AspxGridview

0 голосов
/ 18 августа 2010 
<dx:ASPxGridView ID="ASPxGridView1" runat="server" AutoGenerateColumns="False" 
        ClientInstanceName="ASPxGridView1">
        <Columns>
            <dx:GridViewCommandColumn VisibleIndex="0">
                <EditButton Visible="True">
                </EditButton>
                <NewButton Visible="True">
                </NewButton>
                <DeleteButton Visible="True">
                </DeleteButton>
            </dx:GridViewCommandColumn>
            <dx:GridViewDataTextColumn Caption="Content" FieldName="Content" 
                VisibleIndex="1">
            </dx:GridViewDataTextColumn>
            <dx:GridViewDataTextColumn Caption="Ratio5%" VisibleIndex="2">
            </dx:GridViewDataTextColumn>
            <dx:GridViewDataTextColumn Caption="Ratio10%" VisibleIndex="3">
            </dx:GridViewDataTextColumn>
            <dx:GridViewDataTextColumn Caption="Ratio20%" VisibleIndex="4">
            </dx:GridViewDataTextColumn>
            <dx:GridViewDataTextColumn Caption="Ratio50%" VisibleIndex="5">
            </dx:GridViewDataTextColumn>
        </Columns>
        <Settings ShowFooter="True" />
    </dx:ASPxGridView>

Нижний колонтитул сетки содержит итоговую сумму. В режиме редактирования / вставки в столбце Содержимое значение будет меняться в остальных столбцах. Ratio5% = 5 * Контент / 100 .Поддержка столбца контента, я даю input = 10, затем ratio5% =. 5, Ratio10% = 1 .... Как только я предоставлю ввод для столбца контента, значение будет меняться в столбцах соотношения, а значение также будет меняться в нижнем колонтитуле столбца. Хотите использовать javascript.для завершения задачи, как я могу использовать javascript в AspxGridview. Если у вас есть запрос plz, спросите.

1 Ответ

2 голосов
/ 19 августа 2010

Можно изменить другие значения редактора с помощью клиентского API, опубликованного нашими элементами управления.В вашем случае я бы использовал следующий подход:

обработать событие column.PropertiesTextEdit.ClientSideEvents.ValueChanged, чтобы получить текущее значение редактора и установить другие значения редактора.Чтобы получить значение редактора, используйте метод GetValue.Чтобы получить экземпляр редактора, можно использовать метод grid.GetEditor.Наконец, чтобы установить значение редактора, используйте его метод SetValue.Вот фрагмент кода: 

                    <PropertiesTextEdit>
                        <ClientSideEvents ValueChanged="function(s, e) {
    var value = s.GetValue();
    // your calculations are here
    grid.GetEditor(&quot;SomeField&quot;).SetValue(someValue);
}" />
                    </PropertiesTextEdit>

Обратите внимание, здесь s - это экземпляр редактора, значение которого было изменено, grid - это свойство ClientInstanceName ASPxGridView.

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

...