Ext.Net开发_GridPanel行选中取值

布满荆棘的人生 2021-11-09 10:44 276阅读 0赞

项目中常用到GridPanel，单击（双击）一行数据后展示一些数据，打开新页面……这些功能都可以实现。只要获取单击（双击）时行的主键ID，即可！

Ext.Net中常见的单击（双击）取值 有一下几种：

一 、   注意（record.data.BI\_Seq） 中的BI\_Seq是该GridPanel主键。如果ColumnModel中无，则取不到值

数据源Store 别忘了 添加属性 **IDProperty="BI\_Seq"**

<ext:Store ID="stProduct" runat="server">
            <Reader>
                <ext:JsonReader IDProperty="BI_Seq">
                    <Fields>
                        <ext:RecordField Name="BI_Seq" Type="Int" />
                        <ext:RecordField Name="BI_ShopId" Type="Int" />
                        <ext:RecordField Name="NC_ShopName" Type="String" />
                        <ext:RecordField Name="BI_ClassId" Type="String" />
    ……
    ……
    ……
       </Fields>
                </ext:JsonReader>
            </Reader>
        </ext:Store>

js：

function ProductSelelct(id)  
  \{  
　　  alert(id);  
  \}

<ColumnModel>
         <Columns>
              <ext:Column Header="商品ID" Width="100" DataIndex="BI_Seq" /> //BI_Seq 主键ID必须有，否则下面函数娶不到值
              <ext:Column Header="商品名称" Width="100" DataIndex="NC_ProductName" />
              <ext:Column Header="拼音缩写" Width="100" DataIndex="NC_Abbreviation" />
              <ext:Column Header="商品编码" Width="100" DataIndex="NC_ProductNameCode" />
              <ext:Column Header="商品销售单价" Width="100" DataIndex="N_Price" />
              <ext:Column Header="平台编码" Width="100" DataIndex="NC_ProductSkuCode" />
              <ext:Column Header="商品第一属性名称" Width="100" DataIndex="NC_FirstAttributeName" />
         </Columns>
    </ColumnModel>
    <SelectionModel>
          <ext:RowSelectionModel ID="RowSelectionModel2" runat="server">
                <Listeners>
                      <RowSelect Handler="ProductSelelct(record.data.BI_Seq);" />
                </Listeners>
          </ext:RowSelectionModel>
    </SelectionModel>

效果：

![2012020821385225.png][]

方法二、直接看代码即会明白……

protected void RowSelect(object sender, DirectEventArgs e)  
\{  
　　string productSkuId = e.ExtraParams\["ProductSkuId"\];

效果：

![2012020821505689.png][]

3  返回数据Json格式，但不影响取值。换成CheckboxSelectModel 同样可以实现功能，具体见代码……

/// <summary>
    /// 行选择
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
            protected void RowSelect(object sender, DirectEventArgs e)
            {
        
                RowSelectionModel sm = gpOnLineProduct.SelectionModel.Primary as RowSelectionModel;
    string source = string.Empty;  
    foreach (SelectedRow item in sm.SelectedRows)
                {
        
                    source += item.RecordID + "~";
                }
                Message.ShowAlert("提示", source); 
            }

效果同样精彩：

![2012020822053588.png][]

Ext.Net 功能很丰富，上面两点，经本人测试。如果放在拖拽窗口中，取值会出现问题    ……

如果批量取值，会出现问题

![2012020822151974.png][]

原因猜测：

因拖拽，选中了一行，则要求你拖拽后才可以单击再选择……

具体   继续     ……

![2012020822173485.gif][]

作者：[PEPE][]  
出处：[http://pepe.cnblogs.com/][PEPE]  
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

转载于:https://www.cnblogs.com/PEPE/archive/2012/02/08/2343290.html

[2012020821385225.png]: /images/20211109/3704b89769bd44319184c997d57e679c.png
[2012020821505689.png]: /images/20211109/62f41519917b4161a33dcd3df0bc46c6.png
[2012020822053588.png]: /images/20211109/a73362496d644f8ba840ded85be820c8.png
[2012020822151974.png]: /images/20211109/77b24212a4854818a4c9944ce9b211a3.png
[2012020822173485.gif]: /images/20211109/bd97007b69094746b79f8620c784dd61.png
[PEPE]: http://pepe.cnblogs.com/