GVKun编程网logo

使用jquery支持重新排序html表行以及快速生成SQL后端的最佳方法?

25

针对使用jquery支持重新排序html表行以及快速生成SQL后端的最佳方法?这个问题,本篇文章进行了详细的解答,同时本文还将给你拓展Drupal6:升级jQuery的最佳方法?、javascript

针对使用jquery支持重新排序html表行以及快速生成SQL后端的最佳方法?这个问题,本篇文章进行了详细的解答,同时本文还将给你拓展Drupal 6:升级jQuery的最佳方法?、javascript – 在多个div(jQuery)中重新排序html、jquery html动态生成select标签出问题的解决方法_jquery、jquery – HTML表行链接等相关知识,希望可以帮助到你。

本文目录一览:

使用jquery支持重新排序html表行以及快速生成SQL后端的最佳方法?

使用jquery支持重新排序html表行以及快速生成SQL后端的最佳方法?

我有一个asp.net-mvc网站,我有一个html数据表,其中一列是排名,表示该行的优先级(每行代表一个请求).我允许人们使用新数字连续编辑数据,但它实际上并不影响任何其他行(例如,没有任何东西阻止人们输入另一行中存在的alraedy值)

我正在寻找一个更有效的前端和快速后端的解决方案.我将分解每个:

>前端:

我想要一些功能,我可以上下拖动行或点击向上/向下箭头,或者当我连续输入排名值时,它会更新所有其他行的排名.我基本上不希望用户必须更新每一行,如果有一个排名为#1的新条目(基本上必须更新前一个1 => 2,前一个2 => 3,前一个3 => ; 4等

是否有任何jquery库或有用的模式,以帮助支持此功能(以避免必须从头开始连接),因为这看起来像我可以想象许多其他人使用的通用功能.

作为参考,如果有人熟悉JIRA Greenhopper Planning board,这将是理想的模拟示例.

>后端

我的相关问题是,当我更新后端时,我试图弄清楚如何避免这种操作真的很慢.如果我的数据库表中有一个排名字段,并且有人将项目更新为第一,我基本上必须在每个其他行上运行更新查询以将值更改为现有值1.是否有一些模式可以执行此操作有效?

解决方法

对于前端看 jQueryUI’s Sortable功能.它通常适用于< ul />或者< ol />元素,但快速谷歌搜索 turns up guides,以适应< table />元素,如果需要的话.

一个插入级联到许多更新的后端问题可以通过将其视为链接列表来解决.

我假设您将数据存储为:

Rank | Key
1    | Zebra
2    | Pig
3    | Pony

因此,插入新行可能需要更新可能的每个现有行:

Rank | Key
1    | Penguin * Inserted
2    | Zebra   * Updated
3    | Pig     * Updated
4    | Pony    * Updated

而是通过将它们与表格中的另一行相关联来存储它们的订单.

Key | ComesAfter
Zebra | null
Pig   | Zebra
Pony  | Pig

因此,插入新行最多只需要一次更新.

Key     | ComesAfter
Penguin | null    * Inserted
Zebra   | Penguin * Updated
Pig     | Zebra   * Unchanged
Pony    | Pig     * Unchanged

当然,您可以使用ID

然而

您可能会过早地进行优化;即使在发布许多更新时,一些简单的sql工作也可能证明是非常有效的.考虑一下:

Key   | Rank
Zebra | 3
Pig   | 1
Pony  | 2

请注意,Value在此处充当自然键,它也可能具有ID(与Rank不同).

要将新行添加为Rank 1,您需要执行以下操作:

begin tran
  insert values ('Penguin',1)
  update table set Rank = Rank + 1 where Rank >= 1
commit

添加索引和可能的分区(取决于表的大小)将提供很好的性能改进 – 唯一的权衡是更偶尔的数据库管理.

这里的主要问题是你需要哪个方面:快速读取,快速写入或简单设计?你可以有三个中的两个:)

Drupal 6:升级jQuery的最佳方法?

Drupal 6:升级jQuery的最佳方法?

我想在我的drupal安装中升级jQuery.目前我有jQuery 1.2.6,我想将它升级到jQuery 1.4

我猜一些Drupal模块仍然依赖于旧的jQuery版本.我已经尝试过jquery_update模块来升级jQuery,但它没有用.它要求用新的文件替换“misc”文件夹中的原始Drupal文件,但它不起作用.

无论如何,我想知道是否有更好的方法而不是使用另一个模块

谢谢

解决方法

jquery更新模块不安装jquery 1.4.您需要手动更新jquery.js.

javascript – 在多个div(jQuery)中重新排序html

javascript – 在多个div(jQuery)中重新排序html

我正在使用jQuery来修改一个不可编辑的页面.该页面包含以下格式的多个容器元素:@H_301_1@

@H_301_1@

<div>
    <div></div>
    <div>
        <div></div>
    </div>
    <div></div>
</div>

对于每个容器,我想移动内容,使A在B内,如下所示:@H_301_1@

@H_301_1@

<div>
    <div>
        <div></div>
        <div></div>
    </div>
    <div></div>
</div>

使用jQuery执行此操作的最佳方法是什么?我能想到的每个解决方案只适用于单个容器元素,而不是全部修改它们.@H_301_1@

解决方法:@H_301_1@

$('.container').each(function(){
    $(this).find('.A').appendTo($(this).find('.B'));
});
@H_301_1@

jquery html动态生成select标签出问题的解决方法_jquery

jquery html动态生成select标签出问题的解决方法_jquery

今天用jquery,用json从后台获取一个列表,准备在前台用一个动态生成的select标签显示出来...

结果一直不能显示,动态生成input,a 都是可以的

最后随便的在select前面敲了一堆11111111111111111111111

然后select出现了

怀疑可能跟空格有关,加了个&nbsp在select前面,没反应

之后又尝试了各种方法,还是不行

再从搜狗浏览器换成IE,FIREFOX,

没问题了

才发现是浏览器问题....浪费了3个多小时,无语了

搜狗浏览器也比较坑啊....哎

以后坚决不去当前台

jquery – HTML表行链接

jquery – HTML表行链接

使一行 HTML表格成为一个链接的最佳方法是什么?我目前正在使用 jquery对斑马条纹进行条纹化,还可以突出显示onmouSEOver / off选择的行,所以如果 JavaScript是答案,请使用jquery.

解决方法

我只是用css:
<style>
table.collection {width:500px;border-collapse:collapse;}
table.collection tr {background-color:#fff; border-bottom: 1px #99b solid;}
table.collection tr:hover {background-color:#ffe;}
table.collection td {display:table-cell;border-bottom: 1px #99b solid; padding:0px;}
table.collection td a {text-decoration:none; display:block; padding:0px; height:100%;}
</style>
<table>
<tr>
    <td><a href="#">Linky1</a></td>
    <td><a href="#">Data1</a></td>
</tr>
<tr>
    <td><a href="#">Linky2</a></td>
    <td><a href="#">Data2</a></td>
</tr>
</table>

今天关于使用jquery支持重新排序html表行以及快速生成SQL后端的最佳方法?的介绍到此结束,谢谢您的阅读,有关Drupal 6:升级jQuery的最佳方法?、javascript – 在多个div(jQuery)中重新排序html、jquery html动态生成select标签出问题的解决方法_jquery、jquery – HTML表行链接等更多相关知识的信息可以在本站进行查询。

本文标签: