AspxGridView 中 EditForm 的使用方法

最新推荐文章于 2024-04-15 14:07:16 发布

我是招生人

最新推荐文章于 2024-04-15 14:07:16 发布

阅读量3.6k

点赞数

分类专栏： DevExpress 文章标签：控件 DevExpress

本文链接：https://blog.csdn.net/openidear/article/details/18229947

版权

DevExpress 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文详细介绍了如何在ASPxGridView中实现数据编辑功能，并针对存在的问题提出了解决方案，包括自定义表单布局、验证逻辑、错误输出等关键步骤。同时，展示了如何在后台验证数据的有效性和唯一性，确保数据一致性。通过实例代码，读者能够掌握从界面布局到数据验证的全过程，提升Web应用的用户体验。

摘要由CSDN通过智能技术生成

第一次接触AspxGridView 的时候觉得他真的是一个非常强大的第三方控件，但是唯一美中不足就是生存的html真的大的吓死人，ViewState关掉似乎也没有多大作用。不过算了，为了更好的效果，那些不足暂时不管了。
一、AspxGridView 的行编辑效果非常的帅，但是当我第一次使用的时候真的是一波三者。大概问题有几个：
1、不知道怎么获取自动生成的那些控件
2、不知道怎么去验证
3、不知道怎么去输出验证的错误
总之很多不知道，而且感觉自己也语无伦次，那么就今天的新发现说说吧。

首先，为了更方便的定制显示效果和要编辑的部分数据，我们需要使用EditFrom，在EditForm中可以非常容易的使用table或者div进行页面布局，我目前还是比较喜欢Table，所以这里就以Table 为例：

这里定义了5个GridViewDataColumn，但是当我们进行编辑的时候不想显示创建时间，所以用EditForm就对了，效果如下：

代码：

 <EditForm>

                                    <table style="width: 100%;">

                                        <tr>

                                            <td class="EditCellLeft">字典分类名称</td>

                                            <td>

                                                <dx:ASPxTextBox runat="server" ID="txtDicCategoryName" Width="100%" Text='<%# Bind("DicCategoryName" ) %>'>

                                                    <ValidationSettings  ValidationGroup="editForm" ErrorDisplayMode="ImageWithTooltip">

                                                        <RequiredField IsRequired="True" ErrorText="字典分类名称不能为空"></RequiredField>

                                                    </ValidationSettings>

                                                </dx:ASPxTextBox>

                                            </td>

                                            <td class="EditCellLeft">字典分类备注</td>

                                            <td>

                                                <dx:ASPxTextBox runat="server" ID="txtDicCategoryMemo" Width="100%" Text='<%# Bind("DicCategoryMemo" ) %>'></dx:ASPxTextBox>

                                            </td>

                                          

                                        </tr>

                                        <tr>

                                            <td class="EditCellLeft">

                                                字典分类标识

                                            </td>

                                            <td>

                                                <dx:ASPxTextBox runat="server" ID="txtDicCategoryKey" Width="100%" Text='<%# Bind("DicCategoryKey" ) %>'>

                                                    <ValidationSettings ValidationGroup="editForm" ErrorDisplayMode="ImageWithTooltip">

                                                        <RequiredField IsRequired="True" ErrorText="字典分类标识不能为空"></RequiredField>

                                                    </ValidationSettings>

                                                </dx:ASPxTextBox>

                                            </td>

                                            <td class="EditCellLeft">分类标识码</td>

                                            <td>

                                                <dx:ASPxTextBox runat="server" ReadOnly="True" ID="txtDicCategoryCode" Width="100%" Text='<%# Bind("DicCategoryCode" ) %>'>

                                                </dx:ASPxTextBox>

                                            </td>

                                        </tr>

                                        <tr>

                                            <td colspan="2">

                                                <dx:ASPxLabel runat="server" ID="lbValidationInfo"/>

                                            </td>

                                            <td colspan="2" class="EditButton">

                                                <a href="javascript:void(0);" οnclick="OnUpdateClick(this)">更新</a>

                                                <a href="javascript:void(0);" οnclick="OnCancelClick(this)">取消</a>

                                            </td>

                                        </tr>

                                    </table>


                                </EditForm>

Table布局不用多说，这里面有2个地方需要介绍，很多文章都建议使用以下方法放置Update 和Cancel。

<dx:ASPxGridViewTemplateReplacement ID="UpdateButton" ReplacementType="EditFormUpdateButton"

                        runat="server">

                    </dx:ASPxGridViewTemplateReplacement>

                    <dx:ASPxGridViewTemplateReplacement ID="CancelButton" ReplacementType="EditFormCancelButton"

                        runat="server">

                    </dx:ASPxGridViewTemplateReplacement>

但是这样的问题很多，最严重的一个问题就是，我们是中国人哦，换成更新和取消怎么换呢，当然，也有办法的，可以在Setingtex属性里面，不过我现在想对EditForm里面的控件进行验证时怎么办呢，至少我现在还没找到什么好的办法，所以，我屏蔽了上述方法，直接加了2个A标签，通过前台js去触发验证，然后提交编辑：

<a href="javascript:void(0);" οnclick="OnUpdateClick(this)">更新</a>

 <a href="javascript:void(0);" οnclick="OnCancelClick(this)">取消</a>

脚本其实也很简单：

 <script type="text/javascript">

        function OnUpdateClick(editor)

        {

            if (ASPxClientEdit.ValidateGroup("editForm"))

                gridView.UpdateEdit();

        }


        function OnCancelClick() {

            gridView.CancelEdit();

        }

    </script>

ValidateGroup，这个属性很重要，前天要把需要验证的控件这个ValidateGroup属性设置成相同的，然后才能触发验证。例如，这里：

<dx:ASPxTextBox runat="server" ID="txtDicCategoryName" Width="100%" Text='<%# Bind("DicCategoryName" ) %>'>

    <ValidationSettings  ValidationGroup="editForm" ErrorDisplayMode="ImageWithTooltip">

    <RequiredField IsRequired="True" ErrorText="字典分类名称不能为空"></RequiredField>

    </ValidationSettings>

    </dx:ASPxTextBox>

在ValidationSettings 中的ValidationGroup设置成你想命名的验证组，这样就可以在点击更新按钮的时候触发你定义的验证了哦。
剩下的就是后台的了，我现在需要实现如下的效果：
1、在进行行编辑的时候需要对数据进行验证，这个时候需要用到AspxGridView的RowValidating方法：直接上图了，比较头疼哦，

protected void gridView_RowValidating(object sender, DevExpress.Web.Data.ASPxDataValidationEventArgs e)

        {

            if (e.IsNewRow)

            {

                var entity = new Entity.SysDictionaryCategory

                {

                    DicCategoryName = e.NewValues["DicCategoryName"].ToString(),

                    DicCategoryKey = e.NewValues["DicCategoryKey"].ToString(),

                    DicCategoryMemo = e.NewValues["DicCategoryMemo"].ToString(),

                    DicCategoryCode = e.NewValues[gridView.KeyFieldName].ToString(),

                    CreateTime = DateTime.Now


                };

                if (

                    BLL.SysDictionaryCategory.GetInstance()

                        .ExistsSysDictionaryCategoryByDicCategoryName(entity.DicCategoryName, entity.DicCategoryKey))

                {

                    e.RowError = "存在相同名称或者标识的数据，请变更用户名或标识名称";

                    return;

                }

                if (!BLL.SysDictionaryCategory.GetInstance().Insert(entity))

                {

                    e.RowError = "数据添加失败，请重试或联系管理员";

                }

            }

            else

            {

                if (e.OldValues["DicCategoryName"].Equals(e.NewValues["DicCategoryName"]) &&

                    e.OldValues["DicCategoryKey"].Equals(e.NewValues["DicCategoryKey"]))

                {

                    e.RowError += "分类名称错误：字典分类名称没有变化;分类字典标识错误：字典分类名称标识没有变化";

                    return;

                }

                if (e.OldValues["DicCategoryCode"].ToString().Equals(string.Empty))

                {

                    e.RowError += "字典分类编码不能为空;";

                    return;

                }


                var dicCategoryName = e.NewValues["DicCategoryName"].ToString();

                var dicCategoryKey = e.NewValues["DicCategoryKey"].ToString();

                var key = e.Keys[gridView.KeyFieldName].ToString();

                try

                {

                    if (

                        BLL.SysDictionaryCategory.GetInstance()

                            .ExistsSysteDictionaryCategoryByDicCategoryNameAndDicCategoryCode(dicCategoryName,

                                dicCategoryKey,

                                key))

                    {

                        e.RowError = "存在相同的字典名称或者字典名称标识,更新操作被迫取消";

                    }

                    else

                    {

                        var entity =

                            BLL.SysDictionaryCategory.GetInstance().GetEntity(e.Keys["DicCategoryCode"].ToString());


                        entity.DicCategoryName = dicCategoryName;

                        entity.DicCategoryKey = dicCategoryKey;

                        entity.DicCategoryMemo = e.NewValues["DicCategoryMemo"].ToString();

                        entity.CreateTime = DateTime.Now;

                        if (!BLL.SysDictionaryCategory.GetInstance().Update(entity))

                        {

                            e.RowError = "字典分类信息更新失败,请重试或者联系管理员解决";

                        }

                    }

                }

                catch

                {

                    e.RowError = "系统异常,请重试或者联系管理员解决";

                }

            }

        }

这样的效果非常好，一但验证出错，效果就如下哦：

好性感哦。个人觉得比JS 的Alert（）效果要好的多。
更新需要用到RowUpdating方法：直接贴代码了，其实更新事件我是直接定义到验证事件里面了，因为我对这个还不是很熟悉，不晓得应该怎么在RowUpdating事件中去设置RowError的文本，那么真正的在RowUpdating中，我们只需重新绑定数据，然后设置些惯性做法:

e.Cancel = true;

gridView.CancelEdit();

BindGridView();

第一句必须的哦，不然会报不支持指定的方法这个错误。
第二行就是取消当前编辑状态，回到正常列表视图
第三个，重新绑定数据了哦。

删除方法，RowDeleting：

protected void gridView_RowDeleting(object sender, DevExpress.Web.Data.ASPxDataDeletingEventArgs e)

{

var key = e.Keys[gridView.KeyFieldName].ToString();

if (!BLL.SysDictionaryCategory.GetInstance().Delete(key + "sdf"))

return;

e.Cancel = true;

gridView.CancelEdit();

BindGridView();

}

很多人会问key+sqf是什么意思，其实那个后面的“sdf”一点意义都没有，是我测试的时候想让它抛出异常，或者执行不成功。但是执行的时候还是正确的，这是因为什么?其实很简单，参数是通过参数化的方式传输的，key的值已经是32位字符了，所以后面加什么都会被截断。这就是参数化的好处啊，呵呵。上面代码很简单，不说了。

添加方法：