C# 将元素放入数组中,然后将其传递给MVC局部视图
我需要将2个元素和更多元素放入一个数组中,然后将jQuery.Ajax发布到我的MVC控制器中 我的问题是如何将它们放入可接受的数组或对象中,然后将其传递给MVC局部视图 我有一些类的设置,我认为可以用于按钮和jQueryC# 将元素放入数组中,然后将其传递给MVC局部视图,c#,jquery,ajax,asp.net-mvc,C#,Jquery,Ajax,Asp.net Mvc,我需要将2个元素和更多元素放入一个数组中,然后将jQuery.Ajax发布到我的MVC控制器中 我的问题是如何将它们放入可接受的数组或对象中,然后将其传递给MVC局部视图 我有一些类的设置,我认为可以用于按钮和jQuerybtnMoveUp,btnMoveDown 我需要将数据过程ID和数据sortid传递给我的MVC控制器 对于奖励积分另一部分,我想我会坚持下去。如果他们单击“上移”按钮。我需要抓住上面的元素并切换它们的排序顺序。或者“下移”按钮需要抓住它下面的元素并切换它们的排序顺序 我希望
btnMoveUp
,btnMoveDown
我需要将数据过程ID和数据sortid传递给我的MVC控制器
对于奖励积分另一部分,我想我会坚持下去。如果他们单击“上移”按钮。我需要抓住上面的元素并切换它们的排序顺序。或者“下移”按钮需要抓住它下面的元素并切换它们的排序顺序
我希望这将像jQuery(“.btnMoveDown”).next(.btnMoveDown”).attr(“数据排序器”)
一样简单,但我还没有测试过这种可能性
以下是我未来的aJax:
$(".btnMoveUp").click(function () {
var currSortOrder = jQuery(this).data('sortorder');
// find the element above this one and grab the sort order
// switch the sort orders
$.ajax({
url: "YourController/GetData",
type: "get",
data: // What can I pass here that my MVC partial view can then use?
success: function (result) {
$("#procedures").html(result);
}
});
}
代码如下:
<ul class="commentlist">
@{
int i = 1;
//foreach (var item in @Model.IPACS_Processes.IPACS_Procedures)
foreach (var item in @Model.IPACS_Procedures)
{
<li class="span6">
<img src="../../Images/thumbs/doc.png" alt="" class="pull-left" />
<div class="comment-info">
<h4>
<a href="@Url.Action("ViewProcedure", new { id = item.procedureID })">
@item.name</a></h4>
<h5>
<small>Owner: </small><a href="javascript:void(0);">@item.owner</a></h5>
<br />
<p>
@item.description
</p>
<br />
<p>
@if (i > 1)
{
<a href="javascript:void(0);" class="btn btn-small btnMoveUp" data-procedureid="@item.procedureID" data-sortorder="@i"><span class="iconfa-double-angle-up icon-white">
</span>Move Up</a>
}
@if (i < @Model.IPACS_Procedures.Count)
{
<a href="javascript:void(0);" class="btn btn-small btnMoveDown" data-procedureid="@item.procedureID" data-sortorder="@i"><span class="iconfa-double-angle-down">
</span>Move Down</a>
}
@{i++;}
</p>
</div>
</li>
<br style="clear: both;" />
}
}
</ul>
在这里生成:
<ul class="commentlist">
<li class="span6">
<img src="../../Images/thumbs/doc.png" alt="" class="pull-left">
<div class="comment-info">
<h4>
<a href="/MasterList/ViewProcedure/123">
XYZ Process Server</a></h4>
<h5>
<small>Owner: </small><a href="javascript:void(0);">Some Dude</a></h5>
<br>
<p>
Enter Description for XYZProcess Server Procedure
</p>
<br>
<p>
<a href="javascript:void(0);" class="btn btn-small btnMoveDown" data-procedureid="122" data-sortorder="1"><span class="iconfa-double-angle-down">
</span>Move Down</a>
</p>
</div>
</li>
<br style="clear: both;">
<li class="span6">
<img src="../../Images/thumbs/doc.png" alt="" class="pull-left">
<div class="comment-info">
<h4>
<a href="/MasterList/ViewProcedure/122">
XYZ2 Process Server</a></h4>
<h5>
<small>Owner: </small><a href="javascript:void(0);">Some Dude</a></h5>
<br>
<p>
Enter Description for XYZ2 Process Server Procedure
</p>
<br>
<p>
<a href="javascript:void(0);" class="btn btn-small btnMoveUp" data-procedureid="123" data-sortorder="2"><span class="iconfa-double-angle-up icon-white">
</span>Move Up</a>
<a href="javascript:void(0);" class="btn btn-small btnMoveDown" data-procedureid="123" data-sortorder="2"><span class="iconfa-double-angle-down">
</span>Move Down</a>
</p>
</div>
</li>
<br style="clear: both;">
<li class="span6">
<img src="../../Images/thumbs/doc.png" alt="" class="pull-left">
<div class="comment-info">
<h4>
<a href="/MasterList/ViewProcedure/121">
XYZ3 Process Server</a></h4>
<h5>
<small>Owner: </small><a href="javascript:void(0);">Some Dude</a></h5>
<br>
<p>
Enter Description for XYZ3 Process Server Procedure
</p>
<br>
<p>
<a href="javascript:void(0);" class="btn btn-small btnMoveUp" data-procedureid="124" data-sortorder="3"><span class="iconfa-double-angle-up icon-white">
</span>Move Up</a>
<a href="javascript:void(0);" class="btn btn-small btnMoveDown" data-procedureid="124" data-sortorder="3"><span class="iconfa-double-angle-down">
</span>Move Down</a>
</p>
</div>
</li>
<br style="clear: both;">
<li class="span6">
<img src="../../Images/thumbs/doc.png" alt="" class="pull-left">
<div class="comment-info">
<h4>
<a href="/MasterList/ViewProcedure/120">
XYZ4 Process Server</a></h4>
<h5>
<small>Owner: </small><a href="javascript:void(0);">Some Dude</a></h5>
<br>
<p>
Enter Description for XYZ4 Process Server Procedure
</p>
<br>
<p>
<a href="javascript:void(0);" class="btn btn-small btnMoveUp" data-procedureid="125" data-sortorder="4"><span class="iconfa-double-angle-up icon-white">
</span>Move Up</a>
</p>
</div>
</li>
<br style="clear: both;">
</ul>
-
所有者:
输入XYZProcess Server过程的说明
-
所有者:
输入XYZ2 Process Server过程的说明
-
所有者:
输入XYZ3 Process Server过程的说明
-
所有者:
输入XYZ4 Process Server过程的说明
我现在实际上(字面上)正在写这样的代码。我正在使用jqueryui进行拖放重新排序。(此代码可能与大多数其他代码示例略有不同)
jQuery/javascript
$(document).ready(function ()
{
$(".ui-sortable-container").sortable({
handle: ".handle",
stop: function (event, ui)
{
AJAX.postRouteUpdate();
}
});
var AJAX =
{
postRouteUpdate: function ()
{
// create object that matches MVC object
// not case sensitive
var request = {};
request.routeIDs = [];
var selector = ".ui-routes .ui-route";
// for each of my objects grab the routeid
// this is the new order of the routeids
// send them all in, it's just easier on the backend
// and allows for future multiple re-sorts before
// sending the request to the server
$(selector).each(function (index)
{
request.routeIDs.push($(this).data('routeid'));
// update the title value, as I have mine numbered
$(this).find('.title').text((index + 1).toString());
});
$.ajax({
url: '/Routes/UpdateSequence',
data: JSON.stringify(request),
type: 'GET',
success: function (result) {
$("#procedures").html(result);
}
});
}};
型号:
public class RouteUpdateModel()
{
public IEnumerable<int> RouteIDs { get; set; }
}
看法
美元兑换率的奖励点是多少?@Jonesy lol。我遵循这个换算率的数学方程。我使用Ir Poor方程进行转换,有些结果是每点0.02美元=(
public ActionResult UpdateSequence(RouteUpdateModel model)
{
this.db().UpdateSequence(model.RouteIDs);
return this.Partial(model);
}
@Model RouteUpdateModel
@foreach (var routeID in model.RouteIDs)
{
//do whatever
}
@项目.说明
@如果(i>1) { } @如果(i<@Model.IPACS_Procedures.Count) { } @{i++;}
} }