极品新手教学与排序和序列化

你可以处处讲如何做一个列表排序找到exemples。 但后来,我需要发布新秩序另一page.I必须监督一些愚蠢的,但已通过就可以了3天,我仍然没有解决。 我有一个查询输出

  • 然后jQuery代码

<script> $(function() { $( "#ulsortable" ).sortable(); }); $('#frm-sort').submit(function(){ var sort_serialized = $("#ulsortable").sortable("serialize"); }); </script> <form action="#request.site.webroot#/actions/act_writeneworder.cfm" method="post" id="frm-sort"> <input type="submit" name="save" id="save" value="save" /> <input type="hidden" name="sort_serialized" id="sort_serialized" value="" /> </form>

然而sort_serialized变量给出了一个空字符串。 这是我用jQuery第一次经历。 任何帮助将不胜感激。 比安卡

--------------解决方案-------------

据对序列化的文档:

序列化可排序的项目的ID到表单/ AJAX submittable字符串。 调用此方法会产生一个可附加到任何网址轻松提交一个新的项目为了回服务器的哈希。

它的工作原理默认情况下,通过查看格式“setname_number”每个项目的ID,它吐出像“的setName [] =号及的setName [] =号”散列。

你也可以给一个选项哈希值作为第二个参数自定义的定义函数是如何工作的。 可能的选项有:“关键”(第1部分替换[]与任何你想要的),“属性”(测试比'ID'的另一个属性)和“表达”(使用自己的正则表达式)。

如果序列化返回一个空字符串,确保ID属性包括下划线。 他们必须是形式:“SET_NUMBER”例如,ID为3元素属性列表FOO_1,foo_5,FOO_2将序列化到foo [] = 1为foo [] = 5&foo的[] = 2。 您可以使用下划线,等号或连字符集和数量分开。 例如富= 1或富-1或FOO_1所有序列化到foo [] = 1。

你有id的列表项的属性?

您是否已经验证所有这些包含下划线并且是正确的形式?

您设置变量=到serailization,但不是实际的隐藏字段,如果使用设置隐藏字段的值,会发生什么

$("#sort_serialized").val($("#ulsortable").sortable("serialize").toString());

这里也是具有大约张贴序列列表到另一页可能有用的信息的问题。

jQuery的:做什么用的可排序('序列化')返回列表?

------------------这是给你一个例子,工作------------------------ ---

您应该能够发布此HTML页面,调整你的脚本和样式Refereneces在头上,它会工作。 当你点击该按钮就会把序列化的列表在文本框中。 例如移动几个项目后,我得到的结果

项目[] = 1&项目[] = 4项[] = 2项[] = 3

这里是代码。

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Sample Sort and Serialize</title>
<link href="Content/Css/jquery-ui-1.8.13.custom.css" rel="stylesheet" type="text/css" />
<script src="Content/Scripts/jquery-1.6.min.js" type="text/javascript"></script>
<script src="Content/Scripts/jquery-ui-1.8.13.custom.min.js" type="text/javascript"></script>
</head>
<body>
<form>
<script language="javascript">
$(function() {
$("#ulSortable").sortable();
$("#ulSortable li").addClass("ui-widget-header");

$('#btnSort').click(function() {
$("#sort_serialized").val($("#ulSortable").sortable("serialize").toString());
});
});
</script>
<style>
#ulSortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#ulSortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; cursor: pointer;}
#ulSortable li span { position: absolute; margin-left: -1.3em; }
</style>

<ul id="ulSortable">
<li id="Item_1">Item 1 Content</li>
<li id="Item_2">Item 2 Content</li>
<li id="Item_3">Item 3 Content</li>
<li id="Item_4">Item 4 Content</li>
</ul>
<br /><br />

<input type="text" id="sort_serialized" size="50"/>
<input type="button" id="btnSort" value="Sort List" />

</form>
</body>
</html>

分类:JavaScript的 时间:2012-01-01 人气:0
分享到:

相关文章

  • 轻量级替代jQuery用户界面的排序()? 2013-01-04

    jQuery用户界面(1.8+)被塑造成为一个伟大的图书馆,但我发现它经常做对我来说太多. 是否有创造,有一个小的足迹排序列表的替代库? 像占位符和交叉列表排序剔除的功能是可以接受的. 编辑: (这已经成为一个有趣的讨论,感谢所有的答复.) 这似乎是一个少数用户不知道jQuery UI的排序是什么. 这并不表排序,但名单的安排. 想重新排序您的Netflix队列. 看到这里的演示:http://jqueryui.com/demos/sortable/ --------------解决方案----

  • 为什么jQuery用户界面可排序不工作? 2013-03-28

    我想要在我的网页来实现jQuery用户界面可排序插件,但它不工作. 任何人都可以帮我这个错误? 我认为这可能是一些简单的就是逃避我. 链接预览:http://jsbin.com/ebixi3 链接jsbin编辑是:http://jsbin.com/ebixi3/edit 感谢所有提前. --------------解决方案------------- 这是你的其他插件使用jQuery UI的干扰之一,这里有一个更新/工作版本. 我真的什么也没做,但是除去这个插件,使其工作: <script typ

  • 应用jQuery用户界面可排序的数百上显示的结果元素的非常缓慢的页面加载 - 在需要的想法如何使它更有效 2013-05-04

    我建立一个拖放日历和发现,jQuery用户界面的排序提供了什么,我试图做的最好的现场表演. 在网页加载时会导致明显的滞后.我的剧本是运用所有的排序情况 - 然而,应用排序,以价值的天数月(有时多60至180天一次). 一旦它的加载它工作正常,但我宁愿没有初始滞后. 在某些情况下,甚至浏览器试图杀死该脚本. 我试图使日历的第一天,排序,然后使用jQuery的.clone()复制到所有其他的日子,但遗憾的是jQuery的.clone()不出现复制.sortable的事件. 其他事件(如单击,双击等)

  • 什么是呼吁每一页上jQuery和jQuery用户界面的成本是多少? 2013-11-09

    我有一个Intranet网站页面的一半使用jQuery,以及约20%的人使用jQuery UI的. 谁浏览网站的用户将在访问期间几乎肯定打开包含jQuery UI的一个页面. 我想要做的是使用的所有网页标准模板,其中包括将jQuery和jQuery UI电话. 它将使该网站的维护更容易,但它也意味着,我的网页的80%jQuery用户界面将被载入了什么. 我被告知的是,我不应该过分担心的. 调用jQuery和jQuery用户界面将被浏览器缓存,所以无论如何他们将只使用一次的用户的访问期间调用. 它

  • 阿贾克斯当jQuery用户界面可排序被触发'变'事件后送交 2014-02-07

    我已经剪断了部分代码以提高可读性. 当更改事件通过拖动COL_1的子元素上触发执行下面的位置功能: $('#col_1').Sortable( { change: positions, } ); 问题是'职位'发送一个ajax后到不会通过服务器: function positions(){ **i've removed some javascript code leading to a javascript variable called "variable" *** xmlhttp

  • jQuery用户界面可排序与选择框 2014-06-01

    我使用jQuery UI可排序允许列表项排序. 每个列表项包含一个SELECT元素. 我可以拖放元素很好,但是当我点击的选择框的下拉列表中不会出现的. 我的预感是,在jQuery用户界面可排序的绑定是做一些这是防止选择框展示它的下拉列表中单击事件冒泡 - 但我无法弄清楚如何解决它. 我的HTML看起来像这样: <ul id="sortable"> <li><span><select name="opt1"><op

  • jQuery用户界面可排序停止事件拖放后 2012-01-01

    我用jQuery用户界面可排序插件工作,一切都按预期接受的一个问题. 之后我做了拖动重新排序列表(列表中的项目<A>标签)下降后,点击事件触发完成. 任何人都碰上之前这个问题? 如果是这样,你怎么去修复呢? --------------解决方案------------- 好吧...我想通了.. 这里是我的解决方案: $(thumbOpts.container).sortable({ items: '.page', revert: true, opacity: 0.5, start: funct

  • 它是安全的使用jQuery和jQuery的用户界面与谷歌Chrome扩展? 2012-05-03

    我打算写使用jQuery和jQuery UI简单的Chrome扩展程序. 我开始之前,不过,我想知道:会发生什么,如果我的扩展将与互动网页也使用这个库? 可以有任何冲突(例如CSS我的jQuery的UI主题搞乱了页面的的jQuery的UI主题)? --------------解决方案------------- 是的,有可能是冲突的,但是你可以阻止他们. 当您设置一个主题,你需要有一个命名空间下载它(你可以找到在jQuery UI的自定义下载页面右侧列设置),然后使用该命名空间中的延伸. 在这一点

  • JavaScript的DOM对象jQuery对象 2012-05-10

    我怎么能一个JavaScript DOM对象转换为jQuery对象? <tr onclick="changeStatus(this)"> function changeStatus(myObject) { XXX.removeClass(); } 我应该在的地方XXX的写? 我知道我可以用一个ID和一个ID选择一种解决方法,但它不是那么优雅. 有没有什么办法来一个js DOM对象转换为jQuery对象或使用this jQuery中的关键字? --------------解决

  • 我如何触发与任何表行我只是下降jQuery用户界面可排序的函数? 2012-06-08

    我正与jQuery用户界面可排序插件,并把它应用到一个表. 我如何将触发功能下降时,无论元素我拖? 类似的东西下面: alert($(this).attr('id')); 完整的解决方案 对于这一点,你必须设置容器的id为something_number(something_1,something_2等). $(function(){ $('#sortable').sortable({ placeholder: 'ui-state-highlight', update: function(eve

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 1.088 (s). 10 q(s)