asp.net mvc - jquery sortable, get list order -

-

What is the return to some rank in a sequence using jquery? Essentially, what I want to do, what thousands of people are doing (and I have searched well on the StoxHowflowflow) and updated the database in a serial manner.

Each item in the database has a "status" property - initially set to 0. Ul populated and pulled out, and I want to update the route controller back and store their position in the list.

I am using ASP.NET MVC / C # as my code base - but I am having trouble finding complete examples of this.

Ah! I understood it. I am posting it to everyone here. 

  $ ("ul # unorderedListIdGoesHere li"). Index (ui.item); & Lt;% @ Control Language = "C #" Inherits = "System.Web.Mvc.ViewUserControl & lt; IEnumerable & lt; Model. Size & gt; & gt;" & Gt%; & Lt; Ul id = "section" & gt; & Lt;% foreach (Miscellaneous items in the model) {%> & Lt; Li class = "ui-state-default" id = "& lt;% = item.id%>" & Gt; & Lt; Span class = "ui-icon ui-icon-arrowthick-2-n-s" & gt; & Lt; / Span & gt; & Lt;% = Html.Encode (item.Name)% & gt; & Lt; / Li & gt; & Lt;%}% & gt; & Lt; / Ul & gt; & Lt; Script type = "text / javascript" & gt; $ {Document} .ready (function () {$ ("# section"). Sortable ({update: function (event, ui) {$ ("ul # section li"). Each (function () {var position = $ ("Ul # section li") index (this); var section = $ (this) .attr ("id"); $ .post ("/ section / status", {status: position, section: section}) ;})}}). DisableSelection ();}); & Lt; / Script & gt; & Lt; Style type = "text / css" & gt; #sections {list-style-type: none; Margin: 0; Padding: 0; Width: 60%; } # Section li {margin: 0 3px 3px 3px; Padding: 0.4 AM; Padding-left: 1.5 AM; Font size: 1.4em; Height: 18px; } #sections li span {status: complete; Margin-left: -1.3em; } & Lt; / Style & gt;

Comments

Post a Comment

Popular posts from this blog

oracle - The fastest way to check if some records in a database table? -

-
I have a big table to work with. I have to see that there are some records whose parent_id is equal to my passing value. Currently I do this by implementing "my_table using select count (*) where parent_id =: id"; If the result> 0, it means that they exist. Because this is a very large table, and I do not care what the actual number of records present, I just want to know if it exists, so I think count (*) Bit is disabled. How do I apply this requirement most quickly? I'm using Oracle 10. # Tips for Hibernation & amp; Tricks It suggests writing in such a way: Integer number = (integer) session .createQuery ("Select Count (*) to ...."). UniqueResult (); I do not know what is the magic of the unique rule? Why does it fast? To compare, select "1 from mytable where parent_id = passId and rowrum", which is more efficient? If you are not interested in the number of records, then there is an EXISTS query one: Select 'y'
Read more

php - multilevel menu with multilevel array -

-
Just ask someone to solve this problem? I want to create a multilevel menu I can not find the right solution generated with multilevel array, it always gets an array_push error My study came from the original idea But still my Can not match the need. This is my MySQL [code] ----- --------------------- --------------- | ID | PARENT_ID | Name | Link | Seq | 1 | 0 | Dashboad | Dashboard / | 1 | 2 | 0 | Menu 1 | Menu 1 / | 2 | 3 | 0 | Menu 2 | Menu 2 / | 3 | 4 | 0 | Menu 3 | Menu 3 / | 4 | 5 | 2 | Joint Add / | 1 | 6 | 3 | Joint Add / | 1 | 7 | 2 | Edit | Edit / | 2 | 8 | 4 | Joint Add / | 1 ------------------------------------------ [/ Code] I want to do something like this in my array array ('dashboard' = & gt; array ('id' = & gt; '' 'Dame' = & gt; 'Dashboard', 'Title' = & gt; 'Dashboard', 'MatchMin' = & gt; Base_URL (). 'Dashboard /', 'Active' => = & Gt; NULL), &
Read more

jQuery UI: Datepicker month format -

-
I am trying to change the format of the month that shows in the popup (not in the date that the picker actually I do not have any choice anywhere to do this, do I like to use a sub-string () or something else? What I normally display is Trying to change: Class = "ui-datepicker-title"> January & lt; / span & gt; ... & lt; / div & gt; Div>
Read more