我已经生成了一个表,但是我使用<div>
s而不是<tr>
s和<td>
s。这是一个例子:
<div class="tbl tbl1">
<div class="thead">
<div class="tr">
<div class="td colTitle" style="width: 120px"><span>Title</span></div>
<div class="td colLink" style="width: 190px"><span>Link</span></div>
<div class="td colSize numeric" style="width: 75px"><span>Size(MB)</span></div>
<div class="td colUploadDate" style="width: 75px"><span>UploadDate</span></div>
<div class="td colOpen" style="width: 50px; max-width: 50px;"><span>Show</span></div>
</div>
<div class="tr">
<div class="td colTitle">
<input type="text" class="Filter" />
</div>
<div class="td colLink">
<input type="text" class="Filter" />
</div>
<div class="td colSize">
<input type="text" class="Filter" />
</div>
<div class="td colUploadDate">
<input type="text" class="Filter" />
</div>
<div class="td colOpen"> …
Run Code Online (Sandbox Code Playgroud) 我需要从数据库中检索许多记录并将它们显示给用户。我使用ajax进行此操作,并将应添加到页面的所有内容存储在单个字符串中。目前,我在加载时间上有问题(每100条记录1秒)。例如,加载1000行需要10秒,而查询本身可以在不到1秒的时间内完全执行。这意味着瓶颈正在创建元素并将其添加到网页中。
//client side code
$(document).ready(function () {
loadGrid(function () {
$(".rowCount").val($(".tbody .tr:visible").length);
});
function loadGrid(callback) {
$.ajax({
type: "POST", url: "Ledger.aspx/LoadGrid",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
$(".tbody").html(response.d); //response.d = '<div class='tr'> <div class='td colIdVchItm'>1</div>...</div>'
callback();
},
failure: function (response) {
ShowMessage(response.d);
}
});
}
Run Code Online (Sandbox Code Playgroud)
//server side code
[WebMethod]
public static string LoadGrid()
{
string q = @"select cast((select 'tr' as [@class],
'td colIdVchItm' as [div/@class] , a.IdVchItm as [div], ' ',
'td colNo' as …
Run Code Online (Sandbox Code Playgroud) 请考虑下表在SQL Server数据库中:
Id ProductName Price Size
-----------------------------------
1 T-Shirt 1000 M
2 Jeans 1800 L
Run Code Online (Sandbox Code Playgroud)
如何将此表转换为以下HTML字符串:
<div class='row' Id='1' size='M'>
<div class='cell'>T-Shirt</div>
<div class='cell'>1000</div>
</div>
<div class='row' Id='2' size='L'>
<div class='cell'>Jeans</div>
<div class='cell'>1800</div>
</div>
Run Code Online (Sandbox Code Playgroud) 我试过下面的代码来获取某个日期的以前的日期:
var d = new Date("2019","12","21");
d.setDate(d.getDate() - 1 );
alert(d.getFullYear()+"-"+d.getMonth()+"-"+d.getDate());
Run Code Online (Sandbox Code Playgroud)
我希望此代码返回:“ 2019-12-20
”。但它返回:' 2020-0-20
'。
有人可以解释为什么此代码如此工作吗?以及如何修改我的代码以获取以前的日期?
html ×3
javascript ×2
jquery ×2
sql-server ×2
ajax ×1
arrays ×1
date ×1
sql ×1
t-sql ×1
xml ×1