AspxGridView点滴

1:页码设置

1》： <SettingsPager Summary-Text="当前第 {0} 页 总共 {1} 页 ({2} 条记录)"></SettingsPager>

2》：<SettingsPager>
        <Summary Text="当前第 {0} 页 总共 {1} 页 ({2} 条记录)"></Summary>
     </SettingsPager>

2：表格头部标题

 <SettingsText Title="客户选择详细数据"/>  

 

                     <SettingsBehavior ConfirmDelete="true" AllowDragDrop="false" AllowSort="False"/> <%--AllowDragDrop:可以拖拽列的顺序；AllowSort：点击标题排序 -- %>
            
                     <SettingsPager Summary-Text="当前第 {0} 页 总共 {1} 页 ({2} 条记录)">
                     <Summary Text="当前第 {0} 页 总共 {1} 页 ({2} 条记录)"></Summary>
                     </SettingsPager>
              
                     <SettingsEditing EditFormColumnCount="3" Mode="Inline"/>
            
                    <%-- <SettingsBehavior AllowFocusedRow="True" />  点击获得焦点变色--%>

                     <SettingsText Title="详细数据" ConfirmDelete="确定要删除吗?"  CommandCancel="取消" CommandUpdate="更新"/>    
            
                     <SettingsPopup>
                         <EditForm Width="600" Modal="True"/> <%--弹窗的设置--%>
                     </SettingsPopup>

                     <%-- ShowTitlePanel 显示标题--%>  <%--ShowFilterRow="True" 显示筛选框 如果某列不显示则设置某列属性 Settings-AllowAutoFilter="False"--%> <%--HorizontalScrollBarMode="Visible" 设置表格的下滚动条 但要配合列使用 FixedStyle="Left" 表示滚动时，该列不动--%>
                     <Settings HorizontalScrollBarMode="Visible" ShowTitlePanel="true" ShowFilterRow="True" />

                     <Styles>
                        <%--<CommandColumn Spacing="5px" Wrap="true" /> 数据绑定列安娜间距 如 删除。。。--%>

                       <AlternatingRow Enabled="true" />  <%--隔行变色--%>

                        <Footer Wrap="False">

                        </Footer>
                     </Styles>

 

 

列属性：

HeaderStyle-HorizontalAlign="Center"：头部内容居中显示

CellStyle-HorizontalAlign="Center" 列中的内容居中显示

 

显示序号

    <dx:GridViewDataTextColumn Caption="序号"  FixedStyle="Left" VisibleIndex="0" HeaderStyle-HorizontalAlign="Center" CellStyle-HorizontalAlign="Center" Width="50px">
                    <DataItemTemplate>
                           <%# Container.ItemIndex+1%>
                     </DataItemTemplate>

       </dx:GridViewDataTextColumn>

 

5: 点击行执行事件：即行获取焦点：注意：必须绑定主键：

首先：<SettingsBehavior AllowFocusedRow="True" />

然后： <ClientSideEvents FocusedRowChanged="function(s, e) { OnGridFocusedRowChanged(); }" />

js脚本：

        function OnGridFocusedRowChanged() {
           //把相关的知识介绍也写在这里

            //根据当前的主键（acno）去查询当前行的acname的值 然后传给OnGetRowValues方法
            gdvCkClient.GetRowValues(gdvCkClient.GetFocusedRowIndex(), 'acno;acname', OnGetRowValues);  

            var RowIndex = gdvCkClient.GetFocusedRowIndex(); //获取当前行号
            var key = gdvCkClient.GetRowKey(RowIndex); //当前行号的主键值
        }
        function OnGetRowValues(values) {
            var val = values; //结果为 acno 和acname的值 每个值是用 逗号 , 隔开的。我们可以根据索引来取值 即 val[0]则是acno的值 val[1]则是acname的值 以此类推
        }

 

 

同理： RowClick：行单击事件 RowDblClick：行双击事件

行获取焦点后能得到主键值和该行的数据，现在我想单击或者双击却获取不到。网上也没找到。但最后我结合行获取焦点事件。搞定

1.双击行前。我们肯定是先执行。行获取焦点事件。这就可以了。

2.在行获取焦点的时候。获取数据保存。然后在双击(单击)的时候取出来就可以了呢

  <ClientSideEvents FocusedRowChanged="function(s, e) { OnGridFocusedRowChanged()}" RowDblClick ="function(s, e) {OnGridDblClick(); }" />

js
 var key;
        //行获取焦点执行
        function OnGridFocusedRowChanged() {
            //去查询主键(acno)和acname的值 然后传给OnGetRowValues方法
            //gdvCkClient.GetRowValues(gdvCkClient.GetFocusedRowIndex(), 'acno', OnGetRowValues);  

            var RowIndex = gdvCkClient.GetFocusedRowIndex(); //获取当前行号
            key = gdvCkClient.GetRowKey(RowIndex); //当前行号的主键值
            //alert(RowIndex);
            //window.close();

        }
        //双击行执行
        function OnGridDblClick() {
            alert(key);
        }