我选择使用标准的HTML方式制作表格和行等,而不是使用别人的表插件.我会从数据库中获取数据来填充行.但是当行数超过10,000时,我意识到我需要lazy_load行,否则网站会非常慢.我已经找到了延迟加载表行的方法,但我似乎无法在任何地方找到它,所以我的问题是lazyloading插件或行甚至存在吗？
希望有些大师可以回答这个问题.提前致谢!
关于我正在尝试做什么的背景:我在html代码中创建表的粗略草图,然后在运行时,当用户搜索特定的东西时,我将通过DOM向表中添加行.当他们搜索它时,会有数千个结果,我想将结果延迟到表中.
jQuery为图像和图像容器提供了延迟加载.
其他一些插件允许延迟加载div.
然而,表行的延迟加载似乎是不存在的.
上下文的一些示例代码:
HTML:
<fieldset>
<legend>PhotoViewer v1.6</legend>
<h4 id = "albumName"><i>Photos</i></h4>
<table cellspacing="1" border="2" id = "photoTable" class = "lazyProgressiveLoad">
<tr style="font-style: italic; font-size: small; font-family: Segoe UI Light; color: Red">
<th>--Photo--</th>
<th>--Label--</th>
<th>--Path--</th>
<th><input type="button" value="Add Photo" onclick="addPhoto()" id = "addPhoto"/></th>
</tr>
</table>
</fieldset>
寻找一些代码,它们将允许与下面的代码行相同的功能.
使用Javascript:
$(function() {
$("img").lazyload({
effect : "fadeIn"
/*
,appear : function(elements_left, settings) {
console.log("appear");
console.log(elements_left);
//console.log(this, elements_left, settings);
},
load : function(elements_left, settings) { …我浏览了整个互联网,仍然无法找到解决方案.
我尝试了附加方法:
public static void updatePhoto(string name, string albumName, string newName, string newPath)
{
//updates photo... no delete and adding...
var photo = new Image(){Label=newName, Path = newPath};
using (var db = new EzPrintsEntities())
{
db.Images.Attach(photo);
db.SaveChanges();
}
}
但那根本没有做任何事情.
那么问题是如何在下面的代码中通过EF实现对sql数据库的UPDATE？
public static void updatePhoto(string name, string albumName, string newName, string newPath)
{
EzPrintsEntities db = new EzPrintsEntities();
}
所以我完成了一个使用DOM获取数据的项目.一切都很好,我的代码通过了代码审查.然而,在我实施新功能的一天后,我的代码破了.我接受了我没有触及的破损代码,并将其复制到W3C学校的测试位置,可以在这里找到.
http://www.w3schools.com/dom/tryit.asp?filename=try_dom_nodelist_item
只需将我的代码复制到那里并运行它.当你希望看到"5"时,输出为"2",因为表中显然有五行.我希望有些大师可以回答这个问题.提前致谢.
一些更有潜在帮助的信息:我也在Visual Studios中运行它并调试它以查看发生了什么.显然,无论你放了多少行,它总是会吐2,最重要的是它吐出的两个对象都是空的.这有多奇怪？
<!DOCTYPE html>
<html>
<head>
</script>
</head>
<body>
<h2><i>Albums</i></h2>
<table cellspacing="0" border="4" id = "table" class = "lazyProgressiveLoad">
<tr style="font-style: italic; font-size: small; font-family: Segoe UI Light; color: Navy">
<th>--Id--</th>
<th>--Name--</th>
<th>--Description--</th>
<th><input type="button" value="Add Album" onclick="alert('Guru's Please Help!!!')" id = "addAlbum"/></th>
</tr>
<tr>
<td>Load, Search, or Add Albums to Get Started!</td>
<td>~~~</td>
<td>~~~</td>
<td>~~~</td>
</tr>
<tr>
<td>Load, Search, or Add Albums to Get Started!</td>
<td>~~~</td>
<td>~~~</td>
<td>~~~</td>
</tr>
<tr>
<td>Load, Search, or Add Albums to …