浅谈Devpress之ASPxGridLookup使用方法

近项目中使用了DevPress控件，这些控件封装了一些特效，可以让我们少写很多js脚本。

这里只谈到ASPxGridLookup的简单web使用方式：

第一步：实现多选并在后台获取多选的值

 <dx:ASPxGridLookup ID="gridLookupAttendee" runat="server" SelectionMode="Multiple"

                        ClientInstanceName="gridLookupAttendee" KeyFieldName="Per_id" Width="79%" TextFormatString="{0}"

                        MultiTextSeparator=", " Height="21px">

                        <Columns>

                            <dx:GridViewCommandColumn ShowSelectCheckbox="True" />

                            <dx:GridViewDataColumn Caption="User Name" FieldName="Per_userName" />

                            <dx:GridViewDataColumn Caption="E_mail" FieldName="Per_email" Settings-AllowAutoFilter="False" />

                        </Columns>

                        <GridViewProperties>

                            <Templates>

                                <StatusBar>

                                    <table width="100%">

                                        <tr>

                                            <td style="width: 100%" />

                                            <td onclick="return _aspxCancelBubble(event)">

                                                <dx:ASPxButton ID="Close" runat="server" AutoPostBack="false" Text="Close" ClientSideEvents-Click="CloseGridLookup" />

                                            </td>

                                        </tr>

                                    </table>

                                </StatusBar>

                            </Templates>

                            <Settings ShowFilterRow="True" ShowStatusBar="Visible" />

                        </GridViewProperties>

 </dx:ASPxGridLookup>

 属性解释：

 SelectionMode="Multiple/Single" 设置列表项是多选还是单选

 KeyFieldName="id"绑定数据源的主键字段

MultiTextSeparator=", " 设置文本显示格式可以用 逗号，分号，井号等

TextFormatString="{0}" 设置选择数据的显示格式 如 {0}-{1}

<dx:GridViewCommandColumn ShowSelectCheckbox="True" /> 下拉列表数据列是否显示复选框

<dx:GridViewDataColumn Caption="User Name" FieldName="Per_userName" /> 数据量绑定 类似GridView绑定Caption 展示名称，FieldName绑定的数据字段

<Settings ShowFilterRow="True" ShowStatusBar="Visible" /> 设置当前数据可以使用过滤查询功能

在 <GridViewProperties>中设置事件按钮      

在Script 脚本中添加

 function CloseGridLookup() {

            gridLookupAttendee.ConfirmCurrentSelection();

            gridLookupAttendee.HideDropDown();

        }  

第二步：从对象中赋值给ASPxGridLookup控件

当我们设置完前台界面后开始在后台实现取值过程

List<object> objList = this.gridLookupAttendee.GridView.GetSelectedFieldValues("Per_id");这句是获取在控件中选取的数据Id 并赋值给对象准备插入数据表

            if(objList!=null&&objList.Count>0)

            {

                string resStr=string.Empty;

                foreach (object item in objList)

                {

                    resStr += item.ToString() + ",";

                }

                

            }

如果我们因为业务需要 需要获取前台选择数据的多列值那就可以这样写

List<object> objList = this.gridLookupAttendee.GridView.GetSelectedFieldValues("Per_id","User_Name","Aage");括号里的字段要与你前台绑定数据源的字段相同，注意区分大小写

            if(objList!=null&&objList.Count>0)

            {

                string resStr=string.Empty;

                foreach (object[] item in objList)//当我们获取了多列值 就需要用Objec数据遍历了

                {

                    resStr += item[0].ToString() + item[1].ToString()+……;

                }               

            }

第三步：从数据源中查询数据复制到控件ASPxGridLookup

this.gridLookupAttendee.GridView.Selection.SetSelectionByKey(item, true);

item 是你的字段名称即可，如果是多选复制那就把你的数据源遍历用for循环

以上是控件使用三步骤 以供参考！谢谢！