javascript - 如何在 AspxGridview 上使用 javascript

Question

<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*Content/100。假设在内容列上输入=10，然后ratio5%=.5，Ratio10%=1....一旦我在内容列上输入，比率列上的值将发生变化，列页脚上的值也会发生变化。想要使用 javascript。要完成任务，我如何在 AspxGridview 上使用 javascript。如果有任何疑问，请询问。

Answer 1

可以使用我们的控件发布的客户端 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 是 ASPxGridView 的 ClientInstanceName 属性。

最后，我应该提到，这种方法不允许您更改摘要值，因为它是在服务器端重新计算的...因此，一旦您发布更改并关闭 EditForm，摘要也会更新。希望这会有所帮助...