码迷,mamicode.com
首页 > Web开发 > 详细

DevExpress(4): ASPxGridView随笔

时间:2015-02-12 15:34:34      阅读:262      评论:0      收藏:0      [点我收藏+]

标签:

DevExpress版本14.1

 

(1)DateTime类型如何格式化展示?

首先要使用GridViewDataDateColumn来展示日期,然后格式化日期展示即可:)

<dx:GridViewDataDateColumn Caption="入职日期" FieldName="BeginDate" VisibleIndex="6">
    <PropertiesDateEdit DisplayFormatString="yyyy-MM-dd"/>
</dx:GridViewDataDateColumn>

 

(2)为什么在Client浏览器端获取GridView的焦点行,即使用GetFocusedRowIndex获取不到焦点行下标呢?

必须设置GridView允许行获取焦点,在GridView的定义中添加如下一段即可:)

<SettingsBehavior AllowFocusedRow="True" />

此时JS调用gridView.GetFocusedRowIndex()就可以获得正确的行号了。

 

(3)如何在GridView表格中添加CustomButton自定义动作,因为我不想用GridView默认的编辑、保存动作啊?

先看看效果:

技术分享

查看和删除是我自定义的CustomButton,点击查看,弹出Popup窗口展示详细信息;点击删除,提示是否确定,然后删除。

添加自定义CustomButton并不复杂,代码如下:

<dx:GridViewCommandColumn Caption="操作" Width="140px" HeaderStyle-HorizontalAlign="Center"
                            CellStyle-HorizontalAlign="Center">
    <CustomButtons>
        <dx:GridViewCommandColumnCustomButton Text="查看" ID="btnEdit" />
        <dx:GridViewCommandColumnCustomButton Text="删除" ID="btnDelete" />
    </CustomButtons>
    <HeaderStyle HorizontalAlign="Center"/>
    <CellStyle HorizontalAlign="Center"/>
</dx:GridViewCommandColumn>

删除事件比较好处理,服务端可通过e.VisibleIndex获取焦点行,然后grdView.GetRowValues(e.VisibleIndex, "Code").ToString();可获得单元格的值。

问题是弹出窗口的功能,CustomButton因为是Callback部分提交,所以访问不到GridView以外的控件。

解决办法是在JS中获取到当前焦点行的信息,然后调用要更新的控件的PerformCallback方法(也可以Postback到服务端)。

JS可以通过GetFocusedRowIndex获取当前焦点行,如果要获取某列的数据:

function OnGridCustmButtonClick(s, e) {
    grid.GetRowValues(grid.GetFocusedRowIndex(), ‘Code;Name‘, OnGetRowValues); //‘Code;Name‘是GridView中列的FieldName;这里必须填两列,否则会报错
    e.processOnServer = false; // Click事件不提交到服务端
}
function OnGetRowValues(values) {
    popEdt.PerformCallback(values[0]); // 通过ASPxPopupControl的Callback将Code的值提交到服务端
    popEdt.Show();
}

在服务端通过PopupWindowCallbackArgs的Parameter属性即可获得Code的值。

DevExpress(4): ASPxGridView随笔

标签:

原文地址:http://www.cnblogs.com/wuchaochao/p/4287862.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!