插件的使用

ASPxGridView

1、  添加行的序号：

<dx:GridViewDataTextColumn Caption="序号" VisibleIndex="1">

                <EditFormSettings Visible="False" />

             <DataItemTemplate>

                   <%#Container.ItemIndex+1 %>

                </DataItemTemplate>

            </dx:GridViewDataTextColumn>

2、  添加详细信息：

SettingDetails/ShowDetailRow=True

编辑DetailRow模版添加显示控件，如果是ASPxGridView设置SettingDetail下的IsDetailGrid=true

3、  不显示编辑信息：

列的属性中在EditFormSettings下visible=false

4、  点击ASPxGridView的显示详细信息按钮时，给DetailRow中的控件绑定信息：

在ASPxGridView_DetailRowExpandedChanged（主行展开或折叠后发生）事件下

5、  获取ASPxGridView选中行信息：

（（ASPxGridView）sender）.GetRow（e.VisibleIndex）;

6、  获得ASPxGridView文档中的控件：

ASPxGridView.FindDetailRowTemplateControl（e.VisibleIndex,”IDName”）;

7、  获取ASPxGridView主键：

e.keys[0].toString();

8、获取编辑时显示添加的值：

         e.NewValues[0]（编号一次增加）

9、结束ASPxGridView的编辑状态：

         ASPxGridView1.CancelEdit（）;

 

 

 

ASPxPopupControl（带关闭按钮的容器）

ASPxCallBackPanel

ASpxListBox

点击ASPxGridView中的链接弹出ASPxPopupControl，并初始化数据操作

<dx:GridViewDataTextColumn Caption="操作" VisibleIndex="6">

                <EditFormSettings Visible="False" />

                <DataItemTemplate>

                     <a href="javascript:void(0);" οnclick="OnMoreInfoClick(this,'<%# Container.KeyValue %>')">添加用户</a></DataItemTemplate>

            </dx:GridViewDataTextColumn>

ASPxGridView连接

 

<script type="text/javascript">

        //<![CDATA[

        varkeyValue;

        functionOnMoreInfoClick(element, key) {

            callbackPanel.SetContentHtml("");

            popup.ShowAtElement(element);

            keyValue = key;

        }

        functionpopup_Shown(s, e) {

           callbackPanel.PerformCallback(keyValue);

        }

        functiongrvUserList_SelectionChanged(s, e) {

            s.GetSelectedFieldValues("Name", GetSelectedFieldValuesCallback);

        }

        functionGetSelectedFieldValuesCallback(values) {

            selList.BeginUpdate();

            try{

                selList.ClearItems();

                for(var i = 0; i < values.length; i++) {

                    selList.AddItem(values[i]);

                }

            } finally{

                selList.EndUpdate();

            }

            document.getElementById("selCount").innerHTML =grvUserList.GetSelectedRowCount();

        }

        // ]]>

</script>

使用js控制控件的显示，和显示数据

 

设置控件属性：

1、使用js要设置控件的ClientInstanceName属性

2、<ClientSideEvents Shown="popup_Shown" />给控件ASpxPopupControl添加ClientSideEvents属性指定函数

3、设置详细内容里边的ASpxGridView的属性：

      <ClientSideEventsSelectionChanged="grvUserList_SelectionChanged"/>

4、对弹出页面初始化信息在CallBackPanel_callback事件中，通过e.Parameter可以获得主键