个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我开发了一个系统，这样我的客户就可以通过 php 表单向 mysql 表添加条目。他希望能够在任何给定时间对条目在网站上显示的顺序进行排序(或重新排列)。我不能让它以任何特定的顺序显示，他必须能够随意定制它。我不知道如何以用户友好的方式做到这一点。我找到的解决方案是基于类别的(即:按字母顺序排序、按 ID 号排序等)，这是行不通的，我需要它 100% 可定制，如果他只想移动一项，他需要能够到。任何想法将不胜感激。
谢谢!
最佳答案
您可以使用 jquery ui 或滚动您自己的排序器来让用户拖放。如果您需要保存结果订单，可以使用ajax将其发送回服务器。
除了您提到的其他搜索选项(例如字母排序)之外，此解决方案也可以使用。
现场演示:https://plnkr.co/edit/8YIkN6idxc0d2cH4TbTf?p=preview
<!DOCTYPE html>
<html>
<head>
<script data-require="jquery@2.1.3" data-semver="2.1.3" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0-beta.1/jquery-ui.min.js"></script>
<style>
table,
th,
td {
text-align: center;
}
</style>
</head>
<body>
<h2>Drag and drop a row</h2>
<table style="width: 500px;">
<thead>
</thead>
<tbody>
<tr>
<td style="background-color: #41CCFA;">1</td>
</tr>
<tr>
<td style="background-color: #FA6F41;">2</td>
</tr>
<tr>
<td style="background-color: #3DFFA8;">3</td>
</tr>
<tr>
<td style="background-color: #70FA41;">4</td>
</tr>
<tr>
<td style="background-color: #FA4441;">5</td>
</tr>
</tbody>
</table>
<script>
var help = function(e, tr) {
var trch = tr.children();
var trcl = tr.clone();
trcl.children().each(function(i) {
$(this).width(trch.eq(i).width());
});
return trcl;
},
updateI = function(e, ui) {
$('tr td:first-child', ui.item.parent()).each(function(i) {
$(this).html(i + 1);
});
};
$("tbody").sortable({
helper: help,
stop: updateI
}).disableSelection();
</script>
</body>
</html>
新注释:我注意到您在评论中提到不想允许普通用户使用此功能。您可以在代码周围添加检查，例如
if (user.authenticated) {
... code to make rows draggable
}
您可以将 user.authenticated 与您在代码中使用的任何内容进行切换，以了解允许用户使用拖放操作。
无论您最终使用哪种解决方案，请在保存任何行顺序更改之前在服务器上再次检查用户的身份验证。
关于php - 允许用户使用 mysql php 重新排列表数据，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35568432/
25
4
0
我有一个 ASP.NET 网站，我希望只允许 AD 组中的用户访问该网站。我正在使用如下的 web.config 片段，但这似乎不起作用:
仅当选中所有框时才应禁用“允许”按钮。我该怎么做？我已经完成了 HTML 部分，如下所示。如何执行其中的逻辑部分？即使未选中一个复选框，也应禁用“允许”按钮
当前有一个Navigator.push(context，route)，但是上下文部分返回了错误，在尝试调试后，我发现问题是因为我在调用一个函数而不是直接将home设置为widget树。但是现在我不确定
这是我的邮政编码正则表达式 ^[a-zA-Z0-9]{1,9}$ 但不允许 A-12345。如何更改 - 也将被允许的正则表达式？ 最佳答案 在字符集的开头或结尾添加-([...]): ^[-a-zA
我目前正在建立我的网站，但遇到了一个问题 JavaScript 中的混合内容阻止 当我尝试加载和显示来自 的图像和页面时，Chrome、Mozilla 和 Explorer 会发生这种情况http 我
我见过使用: [mysqld] bind-address = 255.112.324.12 允许远程访问单个 IP。我如何允许从 mysql 远程访问所有 IP？ 最佳答案 如果你想允许它用于所
我想知道是否可以使用模板实现某些功能。我想要做的是允许特定的“复制构造函数和赋值运算符”从一个模板到另一个模板并禁用其他模板。 我想我只完成了一件我想要的事情，所以我提供了下面的类(class)。对于
这个问题在这里已经有了答案: How to validate an email address in PHP (15 个答案) 关闭 2 年前。 正则表达式让我大吃一惊。我如何更改此设置以验证带有加
解析可以采用以下格式之一的日期的最佳方法是什么 "dd-MM-yyyy HH:mm" "dd/MM/yyyy HH:mm" "dd.MM.yyyy HH:mm" 无需创建 3 个 SimpleD
我们知道，下面的代码格式不正确，因为成员 x 在依赖的基类中。但是，将指定行上的 x 更改为 this->x 将修复错误。 template struct B { int x; }; tem
如果能帮助我理解“Java 并发实践”中的以下内容，我将不胜感激: Calling an overrideable instance method(one that is neither privat
此时如果上传一个不在预定义的安全扩展名列表，如.lrc，会报错： File type does not meet security guidelines. Try another. 解决此问题有
我有一个运行韵律，可以为我的几个域和一个 friend 域处理 XMPP。我 friend 域中的一位用户(他的妻子)想更改她的密码(实际上她忘记了她，所以我会用 prosodyctl 设置一个，然后
使用 nginx，您可以允许和拒绝范围和 ips (https://www.nginx.com/resources/admin-guide/restricting-access/)。使用realip模
什么是一些好的克里金法/插值想法/选项，可以让重度权重的点在绘制的 R map 上的轻权重点上流血？ 康涅狄格州有八个县。我找到了质心并想绘制这八个县中每个县的贫困率。其中三个县人口稠密(约 100
我正在使用 virtualbox + ubuntu + vagrant . 但是我不能ping或 wget任何网址。请指导我如何允许虚拟机访问我的主机的互联网？ 最佳答案 这对我有用。 使用此配置 V
标题可能有点令人困惑，所以让我向您解释一下。 在 Swift 中，我们可以拥有带有默认参数值的函数，例如: func foo(value: Int = 32) { } 我们也可以有 In-Out 参数
有TextView1 和TextView2。 TextView2 应该 float 在 TextView1 的右侧。只要两个 TextView 的总宽度不使 TextView2 与右侧的框重叠，Tex
使用 Magento 收集方法 addFieldToFilter 时是否可以允许按 NULL 值进行过滤？我想选择集合中具有自定义属性的所有产品，即使没有为该属性分配任何值。 最佳答案 您不需要使用
我正试图从 .htaccess 文件中的规则中“排除”一个目录(及其所有文件夹)... 不确定这是否可能？ .htaccess 文件是这样的: Order Allow,Deny Deny from a
我是一名优秀的程序员,十分优秀！