首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在asp.net mvc中使用ajax删除项目后隐藏

在asp.net mvc中使用ajax删除项目后隐藏
EN

Stack Overflow用户
提问于 2015-05-29 15:27:58
回答 1查看 881关注 0票数 0

在我的asp.net mvc4应用程序中,我有一个portfilio列表,我使用ajax删除项目组合项,我想隐藏

代码语言:javascript
运行
复制
<li> 

它的项目已被删除。我怎么能做到这一点。这是我的看法:

代码语言:javascript
运行
复制
<ul >
@foreach (var item in Model.Portfolios)
{
    <li >
        <div class="row">
            <div class="col-xs-4">                  
            </div>                                  
                @using (Ajax.BeginForm("Delete", "Admin", new AjaxOptions
                {
                    HttpMethod = "post",
                    OnBegin = "beginRequest",
                    OnComplete = "endRequest",
                    OnSuccess = "successRequest",
                    OnFailure = "failRequest"

                }))
                {                                
                    <div class="form-group">
                        <input type="hidden" value=@item.PortfolioId id="id" name="id" />
                        <input type="submit" value="delete" >
                    </div>
                }                                      
        </div>
    </li>
}
</ul>

使用Jquery是最佳实践吗?如果是,我怎样才能进入

代码语言:javascript
运行
复制
<li>

谢谢你的回答

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-05-29 16:25:41

Jquery是一个很好的解决方案:

在您的HTMl中,您需要向list元素添加一个Id或唯一值

代码语言:javascript
运行
复制
<li id="@item.Id">

在sucessRequest中传递您所在元素的Id

代码语言:javascript
运行
复制
 OnSuccess = "successRequest("+item.Id+")",

在您的sucessRequest上,您需要执行隐藏操作,即添加类或只是隐藏类

代码语言:javascript
运行
复制
function  successRequest(itemId){
$('#'+itemId).hide();
}
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30533461

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档