Ext.Net GridPanel RowSelect 行选择事件

2018-06-22 07:31:06来源：未知阅读 ()

GridPanel中选中行，后台获取行json信息，再进行相关处理

<ext:GridPanel ID="GridPanel1" runat="server" StoreID="Store1" StripeRows="true"
Title="Purchase Order" AutoExpandColumn="Company" Collapsible="true" EnableColumnMove="true"
Height="380" Header="false" Region="Center">
<ColumnModel ID="ColumnModel1" runat="server">
      <Columns>
      <ext:Column ColumnID="Company" Header="Purchase Order" Align="Center" Width="200"
      DataIndex="Name" />
      </Columns>
  </ColumnModel>
  <SelectionModel>
      <ext:RowSelectionModel>
          <DirectEvents>
              <RowSelect OnEvent="Cell_Click">
                  <ExtraParams>
                      <ext:Parameter Name="Values" Value="Ext.encode(#{GridPanel1}.getRowsValues({selectedOnly:true}))"
                      Mode="Raw" />
                  </ExtraParams>
              </RowSelect>
          </DirectEvents>
      </ext:RowSelectionModel>
  </SelectionModel>
</ext:GridPanel>

后台CS：

protected void Cell_Click(object sender, DirectEventArgs e)
{
string json = e.ExtraParams["Values"];
Dictionary<string, string>[] companies = JSON.Deserialize<Dictionary<string, string>[]>(json);
foreach (Dictionary<string, string> row in companies)
{
foreach (KeyValuePair<string, string> keyValuePair in row)
{
string s=keyValuePair.Value;//Value值
}
}
}

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有