首页 文章

在asp.net mvc中单击按钮,将数据从一个列表框移动到另一个列表框

提问于
浏览
0

我是ASP.net MVC的新手 . 我有两个列表框一个列表框包含来自数据库的数据,并希望将数据移动到另一个列表框并保存到数据库..我已完成以下代码以显示两个列表框.. InstituteInformation.cs

public class InstituteInformation
    {
         public int Id { get; set; }
        public string InstituteName { get; set; }
    }

将学院名称的名称提取到listbox1中

MemberAccessRights.cs

public class MemberAccessRights
 {
    public int Id { get; set; }

    public List<InstituteInformation> AvailableNames { get; set; }
    public int[] AvailableSelected { get; set; }

    public List<InstituteInformation> RequestedNames { get; set; }
    public string[] RequestedSelected { get; set; }

    public string SavedRequested { get; set; }
}

Wrapper.cs

public class Wrapper
{
    public InstituteInformation II { get; set; }
}

Wrapper1.cs

public class Wrapper1
{
    public MemberAccessRights MAR { get; set; }
}

WrapperDB.cs

public class WrapperDB : DbContext
{
  public DbSet<InstituteInformation> IIDBS { get; set; }
  public DbSet<MemberAccessRights> MARDBS { get; set; }
}

In controller

[NonAction]
    public List<InstituteInformation> getAllInstituteNameList()
    {
        var name=(from i in db.IIDBS select i).ToList();
        return name;
    }


    //
    // GET: /MemberDetails/Create

    public ActionResult Create()
    {
        Wrapper1 MD = new Wrapper1();
        MD.MAR = new MemberAccessRights { AvailableNames = getAllInstituteNameList(), RequestedNames = new List<InstituteInformation>() };
        return View(MD);
    }

View

List of Financial Institute

     <%:Html.ListBoxFor(model=>model.MAR.AvailableSelected,new MultiSelectList(Model.MAR.AvailableNames,"Id","InstituteName",Model.MAR.AvailableSelected)) %>

     <div>

     <input id="add" name="add" type="submit" value=">>" />
     
<input id="remove" name="remove" type="submit" value="<<" /> </div> <%:Html.ListBoxFor(m=>m.MAR.RequestedSelected,new MultiSelectList(Model.MAR.RequestedNames,"Id","Name",Model.MAR.RequestedSelected)) %>

现在我想将数据从listbox1移动到listbox2,我不知道如何做到这一点可以任何人都对我这个...

1 回答

  • 1
    <script  type="text/javascript">
    $(document).ready(function () {
    
        $("#ShiftRight,#ShiftLeft").click(function (event) {
            var ID = $(event.target).attr("ID");
            var ChooseFrom = ID == "ShiftRight" ? "#ChooseLeft" : "#ChooseRight";
            var moveTo = ID == "ShiftRight" ? "#ChooseRight" : "#ChooseLeft";
            var SelectData = $(ChooseFrom + " :selected").toArray();
            $(moveTo).append(SelectData);
            SelectData.remove;
    
            var list = new Array();
            list = $(moveTo).val();
    
            $.ajax({
                type: 'POST',
                url: '@(Url.Action("ActionResultName", "Controller"))',                
                data: { List: list' },
                    dataType: "json",
                    traditional: true,
                    success: function (data, textStatus, XMLHttpRequest) {
    
                    }
             });                                  
        });
    });
    

相关问题